Figma for UX Design

Figma for UX Design

1h 35mIntermediate2024-01-31

Authors

Eric Nordquist

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

Introduction

  • Migrating to Figma
  • Expectations

Orienting Yourself within Figma

  • Creating your first team
  • Overview of a design file

Project Creation

  • Creating project styles
  • Creating the hero section
  • Applying auto layout
  • Creating a responsive button
  • Using masks

Prototyping, Collaborating, and Exporting

  • Prototyping with smart animations
  • Working with other designers
  • Collaborating with stakeholders
  • Exporting files

Conclusion

  • Wrap-up
40,000 Toman