Skip to main content
Transmedia

Figma and UX training for product teams.

Figma as the canonical product-design tool of the 2020s - plus the surrounding UX discipline that turns design into business outcomes.

Browse courses

Figma has become the default tool for product design teams worldwide, replacing older desktop software with a browser-based platform built for real-time collaboration. It handles everything from early wireframes and user flows through to high-fidelity prototypes and design-system maintenance, all inside a single workspace that designers, developers and product managers can access simultaneously.

UX design extends far beyond the Figma canvas. The discipline combines user research, information architecture, interaction design, accessibility testing and front-end handoff into a structured process that turns customer needs into usable digital products. Strong UX practice shortens development cycles, reduces support costs and increases conversion rates across web apps, mobile platforms and SaaS products.

Demand for hybrid roles continues to grow. Product managers who can design their own concepts, developers who understand component-driven design systems and marketers who prototype landing pages all benefit from fluency in both the tool and the underlying UX methodology. Figma training accelerates that transition by teaching practical workflows, not theoretical principles in isolation.

Why it matters

Why teams and careers invest here.

Product teams that adopt Figma typically see faster iteration cycles because designers, engineers and stakeholders review work in the same file without exporting static images or sending endless email attachments. Version control is automatic, comments thread directly onto interface elements and developers inspect CSS values or export assets without interrupting the design team. This shared environment reduces miscommunication and compresses the gap between concept and shipped code.

UX maturity directly affects commercial outcomes. Companies with established research habits, documented design patterns and accessible interfaces consistently outperform competitors on customer satisfaction, retention and revenue per user. Clear information architecture reduces bounce rates, intuitive navigation lowers support ticket volume and inclusive design expands addressable markets. These improvements compound over time as design systems scale across product portfolios.

Figma's component model mirrors modern front-end development, which makes designer–developer handoff significantly smoother than earlier tools allowed. Auto-layout behaves like CSS flexbox, variants map to component props and design tokens export directly into code repositories. Engineers spend less time interpreting mockups and more time solving technical problems, while designers gain confidence that their specifications will be implemented accurately.

The shift toward design-led product organisations means more non-designers need working knowledge of UX principles and tools. Product managers prototype new features before writing specifications, engineers build component libraries that designers can reconfigure and marketing teams iterate landing pages without developer support. Figma's low barrier to entry makes this cross-functional fluency achievable, but structured training prevents teams from reinventing patterns or building unmaintainable file structures.

Industries that use it

Six industries we see this discipline embedded in.

  • SaaS and B2B platforms

    Product teams design admin panels, dashboards and multi-step workflows that balance power-user efficiency with onboarding simplicity.

  • Financial services

    Banks and fintech companies prototype secure account interfaces, transaction flows and compliance-heavy forms that must pass accessibility audits.

  • E-commerce and retail

    Designers optimise checkout funnels, product-listing pages and mobile app experiences to reduce cart abandonment and increase conversion rates.

  • Healthcare and medical devices

    UX teams create patient portals, clinician dashboards and telehealth interfaces that meet WCAG standards and integrate with legacy systems.

  • Media and publishing

    Editorial and product teams design content platforms, paywalls and recommendation interfaces that balance user engagement with revenue goals.

  • Government and public sector

    Service designers build citizen-facing portals, benefits applications and reporting tools that must work for all users regardless of digital literacy or assistive technology.

Roles that need it

Six job titles where these skills compound.

  • Product Designer

    Owns end-to-end interface design, from user research and wireframing through to prototype testing and design-system contribution.

  • UX Researcher

    Plans and conducts usability studies, synthesises findings into journey maps and uses Figma to annotate recordings and communicate recommendations.

  • Product Manager

    Sketches feature concepts, builds low-fidelity prototypes for stakeholder alignment and collaborates with designers on roadmap prioritisation.

  • Front-End Developer

    Inspects Figma designs for layout specifications, exports SVG assets and builds component libraries that mirror design-system tokens.

  • Design-Systems Engineer

    Maintains shared UI libraries, synchronises Figma components with code repositories and documents usage guidelines for cross-functional teams.

  • Marketing Designer

    Produces landing pages, email templates and campaign assets that adhere to brand systems while optimising for conversion and accessibility.

Skill progression

From first steps to specialist.

Level 1

Beginner

New users learn Figma's core tools and foundational UX concepts to produce simple layouts and understand basic usability principles.

  • Draw frames, shapes and text layers using vector tools and constraints
  • Apply colour, typography and spacing using styles and layout grids
  • Conduct basic user interviews and translate findings into simple user flows
  • Create low-fidelity wireframes that communicate hierarchy and navigation structure
  • Build clickable prototypes with hotspot links between artboards
Level 2

Intermediate

Practitioners design production-ready interfaces using components and variants, integrate accessibility checks and collaborate effectively with developers.

  • Build reusable component libraries with nested instances and Boolean properties
  • Use auto-layout and constraints to create responsive designs that adapt across breakpoints
  • Apply accessibility standards, including colour contrast, focus states and semantic hierarchy
  • Document design decisions with annotations, developer handoff notes and version history
  • Prototype multi-step interactions using advanced triggers, overlays and variable-driven logic
Level 3

Advanced

Expert practitioners architect design systems, lead cross-functional projects and use data to validate design decisions at scale.

  • Design and govern organisation-wide design systems with token-based theming and clear contribution guidelines
  • Integrate analytics, heatmaps and session recordings into iterative design-research cycles
  • Facilitate design critiques, usability testing sessions and stakeholder workshops
  • Collaborate with engineers on component API design and front-end implementation strategy
  • Audit existing products for accessibility compliance and lead remediation roadmaps

The AI angle

How AI is reshaping it.

Generative AI now handles repetitive tasks that previously consumed hours of designer time. Figma plugins generate placeholder content, resize image sets, translate copy across locales and suggest layout improvements based on established patterns. AI-powered prototyping tools can turn rough sketches into structured wireframes or expand a single artboard into a complete user flow, which accelerates early-stage exploration and frees designers to focus on strategic decisions and user research.

Machine learning is reshaping how teams evaluate design quality. Automated accessibility checkers flag contrast failures, missing alt text and keyboard-navigation issues in real time, while heatmap prediction models estimate where users will focus attention before a single line of code is written. Some platforms now analyse session recordings at scale and surface common usability friction points, allowing designers to prioritise fixes based on observed behaviour rather than anecdotal feedback.

The rise of AI assistants means UX designers must now design conversational interfaces, prompt libraries and error-recovery flows for chatbots and voice agents. This expands the discipline beyond screen-based interactions into dialogue design, intent mapping and multi-turn conversation logic. Figma remains central to this work-teams prototype chat interfaces, visualise decision trees and test voice-app flows using the same component-driven methods-but the vocabulary and success metrics have broadened considerably. Designers who understand both traditional GUI principles and conversational UX patterns will lead the next generation of product experiences.

Figma and UX courses currently running

Acrobat Introduction — course hero image

Acrobat

Acrobat Introduction

Learn to create, edit and manage professional PDFs with Adobe Acrobat. Build essential document skills in one day.

Acrobat Studio Introduction — course hero image

Acrobat

Acrobat Studio Introduction

Learn to edit, automate and streamline PDF workflows using Acrobat Studio's AI-powered document tools.

Adobe Connect Introduction — course hero image

Connect

Adobe Connect Introduction

Run professional webinars and virtual meetings with Adobe Connect. For communicators and business professionals.

Animate Introduction — course hero image

Animate

Animate Introduction

Learn to design and publish HTML5 animations, interactive banners and web content using Adobe Animate's timeline and vector drawing tools.

Animate Advanced — course hero image

Animate

Animate Advanced

Master advanced Adobe Animate techniques for interactive content and efficient production workflows. 2 days, in-person or live online.

Canva Introduction — course hero image

Canva

Canva Introduction

Build ready-to-publish graphics, social posts and presentations using Canva's templates, brand tools and export options.

Captivate Introduction — course hero image

Captivate

Captivate Introduction

Build responsive e-learning modules with Adobe Captivate. Cover quizzes, branching scenarios, video integration and publishing for web.

Captivate Advanced — course hero image

Captivate

Captivate Advanced

Build branching scenarios, custom interactions and responsive e-learning modules in Adobe Captivate.

Digital Photography Introduction — course hero image

Digital Photography

Digital Photography Introduction

One-day course covering camera settings, composition and exposure. Learn to capture sharp, well-lit images for web, print and social.

Figma Introduction — course hero image

Figma

Figma Introduction

Master Figma's core tools to design, prototype and collaborate on interface projects. Hands-on training for UX and UI designers.

Figma Advanced — course hero image

Figma

Figma Advanced

Build reusable design systems, advanced prototypes and collaborative workflows in Figma over two intensive days.

Figma Advanced Prototyping — course hero image

Figma

Figma Advanced Prototyping

Build interactive prototypes with variables, conditional logic and advanced animations in this 1-day Figma course.

Figma

Figma Weave Introduction

Learn Figma Weave's AI-powered workflows for on-brand visuals. Ideal for UX, UI and product designers.

Graphic Design Introduction — course hero image

Graphic Design

Graphic Design Introduction

Learn layout, typography and colour theory. Build confidence working with industry-standard design principles in one focused day.

Illustrator Intermediate — course hero image

Illustrator

Illustrator Intermediate

Build on your Illustrator foundation with advanced vector techniques, complex paths and workflow tools for faster, more polished designs.

Illustrator Advanced — course hero image

Illustrator

Illustrator Advanced

Master complex vector techniques: gradient meshes, 3D effects, advanced type and path editing for professional design work.

InDesign Intermediate — course hero image

InDesign

InDesign Intermediate

Build on your InDesign foundations: advanced typography, master pages, long-document workflows and print-ready output.

InDesign Advanced — course hero image

InDesign

InDesign Advanced

Advanced layout automation, GREP styles, long-document workflows and print-ready production techniques for experienced InDesign users.

InDesign Interactive — course hero image

InDesign

InDesign Interactive

Build interactive PDFs, digital magazines and ePub documents. Learn buttons, hyperlinks, forms, animations and export workflows for digital publishing.

JavaScript Introduction — course hero image

JavaScript

JavaScript Introduction

Learn JavaScript fundamentals: variables, functions, DOM manipulation and event handling. Build interactive web pages from scratch.

JavaScript Advanced — course hero image

JavaScript

JavaScript Advanced

Master closures, async patterns, ES6+ features and performance tuning. Build robust, professional-grade web applications.

Lightroom Introduction — course hero image

Lightroom

Lightroom Introduction

Learn to edit, organise and grade photographs in Adobe Lightroom. 2-day course covering catalogues, adjustments and export workflows.

Photoshop Intermediate — course hero image

Photoshop

Photoshop Intermediate

Build on Photoshop basics: advanced selections, layer masks, blend modes and smarter retouching workflows for confident image editing.

Photoshop Advanced — course hero image

Photoshop

Photoshop Advanced

Master layer masks, Smart Objects, advanced retouching and non-destructive editing workflows. 2-day course for intermediate users.

Python Intermediate — course hero image

Python

Python Intermediate

Build on your Python foundations. Work with data structures, APIs and object-oriented programming over 4 days.

Sketch Introduction — course hero image

Sketch

Sketch Introduction

Build interfaces and vector graphics in Sketch. 1-day hands-on course covering artboards, symbols and design workflows for UX professionals.

Sketch Advanced — course hero image

Sketch

Sketch Advanced

Build scalable design systems, master reusable symbols and streamline your Sketch workflow in one day.

UX Design Introduction — course hero image

UX Design

UX Design Introduction

Learn user research, wireframing and core UX principles to design intuitive digital products. One day, hands-on.

UX Design Advanced — course hero image

UX Design

UX Design Advanced

Build advanced UX research, prototyping and testing skills. Move beyond basics to design interaction patterns grounded in user behaviour.

XD Introduction — course hero image

XD

XD Introduction

Learn to design and prototype app and web interfaces in Adobe XD. Covers artboards, components, interactive prototypes and handoff.

Questions we're often asked.

Need a tailored programme for your team?

We design bespoke programmes around your team's actual stack, projects and goals. Drop us a line - we'll come back the same day.

Get in touch