Figma: Teams, Stakeholders, and Design Reviews

Course details

Streamline your UX design process. Learn how to use Figma to organize your teams, build your designs, and distribute them for review by nontechnical stakeholders. In this course, instructor Tom Green shows how Figma features can help you create a central hub for your entire team to collaborate and conceptualize designs. He starts with an overview of the UX design process and shows how to create and manage teams in Figma. Next, learn how to conduct and report on your user research in Figma, including personas, journey maps, touch points, and user flows. Then learn about techniques and tools you can use to conceptualize your design using digital tools as well as paper sketches. Tom then shows how to turn your wireframe into a functional mockup and add interactivity. In the final chapters, he shows how to conduct user testing to validate your design and share and hand off your project.

Learning objectives
Review the UX design process.
Create and manage teams in Figma.
Conduct and report on your user research in Figma, including personas, journey maps, touchpoints, and user flows.
Conceptualize your design using tools like FigJam, the Figma whiteboard app; wireframes; and even paper sketches.
Turn your wireframe into a functional mockup and add interactivity.
Conduct user testing to validate your design and share and hand off your project.

Concepts

0. Introduction

01 - How to use Figma with your team

1. The UX Process

02 - What is UX design
03 - Meet the stakeholders
04 - Providing feedback

2. Building the Team

05 - Meet the team
06 - Collaboaration
07 - Creating a project
08 - Creating a team library

3. Making the Case

09 - Making the business case
10 - Doing your research
11 - Reviewing personas in Figma
12 - Reviewing a journey map
13 - What are touchpoints
14 - Reviewing touchpoints in Figma
15 - Reviewing a user flow

4. Conceputualization

16 - Conceptualization techniques
17 - Sketching
18 - Reviewing a task flow diagram
19 - What is fidelity
20 - Creating wireframes in Figma
21 - Reviewing wireframes

5. Wireframe to Mock-Up

22 - The role of the design team
23 - Disposable prototypes
24 - The medium-fidelity mock-up
25 - Creating a medium-fidelity mock-up
26 - The X factor of images
27 - What the heck is hex
28 - Reviewing the mid-fi mock-up
29 - Design systems in Figma
30 - AI and Figma

6. Adding Interactivity

31 - The role of interactivity
32 - Creating components
33 - Adding buttons and links
34 - Overview of motion
35 - Adding motion
36 - Reviewing interactivity

7. Sharing, Collaboration, Exporting

37 - Collaboration
38 - Accessibility
39 - Sharing a project
40 - Device preview
41 - Exporting a Figma project
42 - User testing

Conclusion

43 - Goodbye