Role-Based Programme
RB0660

Figma for Product & Service Management

Design, Prototype & Validate Product Experiences

IMAGE REQUIRED
Duration
16 Hours
Level
Intermediate
Delivery
Instructor-Led
Format
Capability Training

Programme Objectives

  • Develop functional proficiency in using Figma across product discovery, requirements visualisation, experience design, prototyping, validation, and delivery.
  • Translate customer problems, user journeys, requirements, and product ideas into structured flows, wireframes, interfaces, and interactive prototypes.
  • Apply components, Auto Layout, variables, design systems, and advanced prototyping to create realistic reusable product experiences.
  • Use Figma Make and AI-assisted workflows to rapidly transform product ideas into functional prototypes for stakeholder and user validation.
  • Build reusable Discovery → Define → Design → Prototype → Validate → Handoff workflows that strengthen product, design, and engineering collaboration.

Tools covered

Figma DesignFigJamFigma AIFigma MakeAuto LayoutComponents & VariantsVariablesInteractive PrototypingDesign SystemsComments & CollaborationDev Mode

Who should attend

  • Product Managers
  • Product Owners
  • Service Managers
  • Digital Product Managers
  • Product Operations Professionals
  • Product Analysts
  • Product Strategy Professionals
  • Product Innovation Professionals
  • Service Design Professionals
  • Customer Experience Managers
  • Platform Product Managers
  • Product & Service Team Leads

Prerequisites & Participant Readiness

  • Basic understanding of product or service management
  • Familiarity with customer needs, requirements, features, journeys, or product roadmaps
  • Basic understanding of digital products or service experiences
  • Familiarity with user stories and acceptance criteria is helpful
  • Basic experience with Figma or another visual collaboration tool is beneficial but not mandatory
  • No coding expertise required
  • No previous Figma course completion required

TOC Modules

Concepts
  • Understanding Figma across product discovery, design, prototyping, collaboration, and delivery
  • Understanding Figma Design, FigJam, Figma Make, and Dev Mode within the product lifecycle
  • Identifying responsibilities across Product, UX, Design, Engineering, and Business teams
  • Understanding product-manager involvement without replacing specialist UX or visual-design expertise
Practical activities
  • Navigating a structured Figma product workspace
  • Creating and organising pages, frames, sections, and product artefacts
  • Mapping Discovery → Definition → Prototype → Validation → Delivery activities inside Figma

Scenarios

Customer Problem to Validated Product Feature

Customer Insight → FigJam Discovery → Problem Definition → User Journey → User Story → Wireframes → Components → Interactive Prototype → Figma Make Functional Prototype → Stakeholder Validation → Product Decision

Participants transform an identified customer problem into a realistic product experience and test the proposed flow before committing it to development.

Service Journey to Development-Ready Experience

Service Pain Point → Journey / Service Blueprint → Requirements → Responsive Screens → Variables & States → Interactive Prototype → Feedback → Design Refinement → Dev Mode → Engineering Handoff

Participants redesign a service experience, validate key interactions and edge cases, and prepare an approved product flow for structured development collaboration.

## Current Capability Reference

Figma currently positions **Figma Make** as an AI-driven prompt-to-app tool for transforming product ideas and existing Figma designs into **functional prototypes, web apps, and interactive interfaces**. It can incorporate existing design context, components, attachments, structured plans, iterative annotations, and version history. ([Figma][1])

Figma's current **Variables** system supports design tokens and advanced prototypes using colour, number, string, and boolean values. Variables and modes can dynamically change interface content, properties, visibility, and contextual states during prototype interactions. ([Figma Help Center][2])

Current **Dev Mode** supports advanced design inspection, component and variable information, annotations, code-component connections, developer integrations, and design context for AI-assisted development workflows. ([Figma][3])

Related programmes

Continue with programmes from the same capability area.

Take the next step

Ready to make this programme work for your team?

Customise modules, duration and business scenarios for your team.

Instructor-ledVirtualHybrid

Designed around your roles, tools and real workflows.