In this class, I have created a figma file for you to download and I will walk you through step-by-step, how to create a fully-functional prototype using the design tool Figma. Here is the class agenda:
In this class, I have created a figma file for you to download and I will walk you through step-by-step, how to create a fully-functional prototype using the design tool Figma. Here is the class agenda:
Intro to Figma design tool & file walkthrough
How to design a login & signup experience
How to design a shopping experience
How to design checkout experience
How to design profile & order history screens
How to create & use a component library
How to create & share a clickable prototype + smart animate and other transition effects
How to invite others & collaboration in figma
How to export UI assets & inspect code for engineering
Figma keyboard short cuts
How to use figma plugins & GUI Kits
How to create comments & review comments in figma
Final thoughts & going forward
Here is the file to download for the next set of bonus videos. Drag this file into the draft section within figma to use. I explain how to do this in the first video...
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.