Figma UX/UI Course – Build Smart & Responsive Web Prototypes
New to Figma? Start with our Figma: Getting Started course to master the fundamentals, then boost your skills with the Designing UX/UI Mockups workshop, focused on building interactive and professional interfaces.
Learning Objectives — Figma UI/UX Design
- Learn how to structure a web interface using modern UX principles
- Design a consistent, professional UI based on a client brief
- Master Figma to create, organize, and reuse design components
- Prototype interactive interfaces with realistic transitions and user behaviors
- Facilitate smooth collaboration with developers through well-prepared mockups
Module 1 — Introduction to UX/UI and Figma
- Understand the essential roles of UX and UI in interface design
- Apply best practices in layout structure and usability
- Get started with Figma: interface, pages, layers, and frames
- Organize a Figma project using grids, constraints, and responsive design principles
Module 2 — Designing Web Interfaces with Figma
- Create reusable UI components (buttons, cards, menus)
- Use advanced features like variants and auto-layout
- Define consistent visual styles: colors, typography, effects
- Import visual assets such as logos, images, and icons
Workshop 1: Build a Component Library — Create a simple, reusable, and consistent Design System
Module 3 — Interactive Prototyping in Figma
- Add dynamic interactions: clicks, transitions, animations
- Create simulated navigation with scrolling and internal linking
- Integrate forms and user behaviors into your designs
- Preview and test the prototype as if it were a real website
Workshop 2: Build an Interactive Prototype — Design a smooth and engaging user journey
Module 4 — Collaboration & Delivery
- Collaborate effectively in Figma using comments, sharing, and version control
- Use Dev Mode to inspect layouts, generate CSS, and access specs for developers
- Prepare and export a polished mockup for client delivery or presentation
- Explore complementary tools like FigJam and essential Figma plug-ins
Workshop 3: Prepare a Client Presentation — Structure and present a professional Figma file
Autre(s) cours dans cette catégorie
→ Typography Fundamentals: Mastering the Art of Visual Communication
This course is designed for individuals who already have some experience with Figma and want to deepen their skills in a professional context: designers, front-end developers, project managers, communicators, or entrepreneurs.
No. A basic experience with Figma or having completed our “Figma: The Basics” training is enough. The content is designed to gradually build your skills in UX/UI design.
Yes. You will complete a full interactive prototype based on a user brief, applying the key steps of the UX/UI process (structure, navigation, components, interactions).
Absolutely. It is available either live online or in person, depending on your preference. Online sessions include live demos, guided workshops, and interactive discussions.
Yes. Each participant receives a PDF document summarizing the key topics covered, real-world examples, and a UX/UI checklist to help structure future projects.
Préalables :
- Having completed the “Figma: Basics” course or having a solid understanding of the essential features of the tool (creating files, using layers, managing simple components).
Objectifs :
This intensive training will teach you how to use Figma to design modern, functional, and interactive web interfaces following the key principles of UI/UX design.
- Learn how to structure a web interface with clear and effective UX logic
- Create a consistent UI design based on a client brief or project need
- Use Figma to build and organize reusable design components
- Design interactive mockups with smooth transitions, behaviors, and navigation
- Prepare your projects for seamless collaboration with developers and stakeholders
Classe virtuelle (en ligne) :
- Aucune date prévue.
Montréal :
- Aucune date prévue.
Québec :
- Aucune date prévue.
Gatineau / Ottawa :
- Aucune date prévue.
646 $
per participant
Duration :2 day(s)
Hours: 9am-4:30pm, 2 coffee breaks, 1 hour for dinner.
Location: Online (virtual classroom) with a live instructor
Regular price: 761 $
* A preferential rate applies to each course for public organizations, nonprofit members, and any company registering at least two participants for the same session.
Why Take This Figma – UX/UI Design Course?
Designing effective interfaces goes beyond aesthetics. Today, the ability to create interactive, user-centered mockups is a key asset for any professional working in design or digital.
This course will help you:
- Transform a simple idea into a testable interactive prototype using Figma;
- Enhance the user experience at every stage of the journey;
- Adopt a modular approach using Atomic Design and a structured Design System;
- Collaborate efficiently with development teams using Figma’s built-in tools;
- Gain methodology, credibility, and visual impact in your UX/UI projects.
Whether you're a designer, developer, project manager, or entrepreneur, this course provides practical skills to professionalize your mockups and streamline your creative workflow.
“ I want to thank you both for providing my resources some excellent training(Cobol) over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “
“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “
“ Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité / Adaptabilité / Professionnalisme / Courtoisie. Merci!“