Figma for UX Design
1h 35mIntermediate2024-01-31
Authors
Eric Nordquist
UX Professor, Practitioner, and Mentor
Course details
Do you use Figma for review and collaboration, use it for interaction design, or just need a quick introduction to this tool? In this course, instructor Eric Nordquist steps through creating projects in Figma, then shows you how to use prototyping, collaborate with other designers, and export your files. Eric begins by introducing you to Figma, explaining the differences between the online and desktop versions, as well as how to design a file. Then he covers all the main steps in creating a project, such as creating the hero section, applying Auto Layout, using masks, and more. Eric explains prototyping and how to use interactions and Smart Animate. After going over how to use Figma to work with other designers, he finishes up with useful tips on how to export your files.
Skills covered
HighlightsFigmaInteraction DesignUX DesignUser ExperienceWeb Development
Concepts
0. Introduction
- 01 - Migrating to Figma
- 02 - Expectations
1. Orienting Yourself within Figma
- 03 - Creating your first team
- 04 - Overview of a design file
2. Project Creation
- 05 - Creating project styles
- 06 - Creating the hero section
- 07 - Applying auto layout
- 08 - Creating a responsive button
- 09 - Using masks
3. Prototyping, Collaborating, and Exporting
- 10 - Prototyping with smart animations
- 11 - Working with other designers
- 12 - Collaborating with stakeholders
- 13 - Exporting files
Conclusion
- 14 - Wrap-up