Udemy
UdemyDesign & Prototype a Mobile UI/UX Experience - Learn Figma
4.6(1,774)8k studentsBEGINNEREnglish
Korshub's take
Prototype to Code-Ready Design
This course teaches Figma through a complete case study: designing and prototyping a fully-functional mobile experience. You'll work through login and signup flows, a shopping experience, checkout, profile, and order history screens—the screens real apps actually need.
You'll learn the full workflow: designing individual screens, building a reusable component library, creating interactive prototypes with smart animations and transitions, collaborating with others in real-time, and exporting assets that engineers can inspect and build from. A downloadable Figma file lets you see the complete project structure and learn by reverse-engineering a professional design.
About this course
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
Price
$64.99
Advertisement
