Figma: Teams, Stakeholders, and Design Reviews (2021)

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, touchpoints, and user flows. Then find out how to conceptualize your design using tools like FigJam, the Figma whiteboard app; wireframes; and even 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.

Concepts

0. Introduction

01 - Figma for teams, stakeholders, and design reviews
02 - Exercise files

1. The UX Process

03 - What is UX design
04 - The UX process
05 - Meet the stakeholders
06 - Stakeholder responsibilities
07 - Providing feedback
08 - Further learning

2. Building the Team

09 - Meet the team
10 - Create the team project
11 - Creating a team library
12 - Sharing and collaboration
13 - Further learning

3. Making the Case

14 - Making the business case
15 - Doing your research
16 - What are personas
17 - Reviewing personas in Figma
18 - What is a journey map
19 - Reviewing a journey map
20 - What are touch points
21 - Reviewing touch points in Figma
22 - What is a user flow
23 - Reviewing a user flow
24 - Further learning

4. Conceptualization

25 - Conceptualization techniques
26 - Paper
27 - FigJam
28 - What is a task flow
29 - Reviewing a task flow diagram
30 - What is fidelity
31 - What are wireframes
32 - Reviewing wireframes
33 - Further learning

5. Wireframe to Mockup

34 - The role of the design team
35 - Disposable prototypes
36 - The medium-fidelity mockup
37 - Creating a medium-fidelity mockup
38 - The X factor of images
39 - What the heck is Hex
40 - What is a design system
41 - Use a design system in Figma
42 - Undertake a design review
43 - Further learning

6. Adding Interactivity

44 - The role of interactivity
45 - Creating components
46 - Adding buttons and links
47 - Overview of motion
48 - Adding motion
49 - Reviewing interactivity
50 - Design review
51 - Further learning

7. Sharing, Collaboration, Exporting

52 - Previewing a project
53 - Device preview
54 - Exporting a Figma project
55 - Developer handoff
56 - User testing
57 - Further learning

Conclusion

58 - Goodbye