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
Other course(s) in this category
→ 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.
Prerequisites:
- 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).
Objectives:
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
Online
- 05/01/2026
- 06/01/2026
- 19/01/2026
- 20/01/2026
- 16/02/2026
- 17/02/2026
- 02/03/2026
- 03/03/2026
- 30/03/2026
- 31/03/2026
- 13/04/2026
- 14/04/2026
- 11/05/2026
- 12/05/2026
- 25/05/2026
- 26/05/2026
- 22/06/2026
- 23/06/2026
- 08/07/2026
- 09/07/2026
- 05/08/2026
- 06/08/2026
Montreal
- 17/12/2025
- 18/12/2025
- 16/03/2026
- 17/03/2026
- 08/06/2026
- 09/06/2026
Quebec City
- 02/02/2026
- 03/02/2026
- 27/04/2026
- 28/04/2026
- 22/07/2026
- 23/07/2026
Pricing
Practical information
- Duration: 2 day(s)
- Schedule: 9:00 a.m. to 4:30 p.m. (2 coffee breaks + 1-hour lunch)
-
Format:
- Online (live virtual classroom)
- Or in person, depending on availability
📄 Download course outline (PDF)
Registration detailsInterested in this training?
Free quote with no obligation
Registration with credit card payment
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.
FR
« Je tiens à vous remercier tous les deux d’avoir offert à mes ressources une excellente formation COBOL au cours des trois derniers jours.
Mamadou, merci d’avoir été si accommodant malgré le court préavis et d’avoir envoyé votre formateur à Gatineau pour ce cours personnalisé.
Nous avons hâte de poursuivre notre collaboration pour de futurs besoins de formation. »
(Traduit de l’anglais)
EN
“I want to thank you both for providing my resources with excellent COBOL training 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 customized and personalized training course. We look forward to continuing our partnership for future training needs.”
FR
« Mamadou est venu nous aider à réorganiser notre panneau d’arrêt via un outil de rapport, Crystal Reports. Mamadou a réussi avec succès le travail de précision, au pixel près, puisque nous voulions un rapport similaire au design graphique original. Il nous a aidés à découper le projet par cycle et à intégrer le rapport à notre logiciel corporatif. La qualité que nous avons appréciée était le souci du détail et la constance. Mamadou a été très professionnel et connaît plusieurs autres technologies. Merci. »
EN
“Mamadou helped us reorganize our stop panel using a reporting tool, Crystal Reports. He successfully delivered precise, pixel-perfect work,
as we needed a report that matched the original graphic design. He helped us break the project down into cycles and integrate the report
into our corporate software. What we appreciated most was his attention to detail and consistency. Mamadou was very professional and
is knowledgeable in many other technologies. Thank you.”
(Translated from French)
FR
« 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 ! »
EN
“It was a pleasure doing business with Doussou Formation. What truly makes THE difference is the personalized service, fully attentive
to participants, as well as the ability to adapt the training to their needs. Flexibility / Adaptability / Professionalism / Courtesy. Thank you!”
(Translated from French)