Sign up
 
Take full course

Already a member? Click here

Figma Prototyping Course (2,5h)

 

Bring your design alive with Figma prototyping. In this deep dive, we will learn everything about creating basic prototypes, smart animating in Figma, re-usable interactive components, and how to share and document. 

I will provide you with a Figma file, that lets you follow alongside me during the videos or return to exercises with detailed instructions in your own time. 

 

Prototyping Basics

  1. Prototyping update during Config 2023 overview NEW 
  2.  
  3. The Figma Prototype workspace
  4. Where should my prototype live? 
  5. On-screen device preview
  6. Fixed and scrollable elements
  7. Sticky elements (NEW March 2023)
  8. Nesting frames for presentations
  9. Horizontal and vertical scroll
  10. Linking screens
  11. The back action 
  12. Scroll to
  13. Overlays
  14. Linking to external pages
  15. Action triggers
  16. Figma animation options
  17. Easing and spring animations
  18. Sections and stateful design
  19. Flows in Figma
  20. Adding videos to prototypes
  21. Preview on your mobile 

 

Smart Animate with Figma

  1. Smart animate in Figma
  2. Smart animate and moving animations
  3. Limitations of smart animate
  4. Let's build a smart animated app
  5. Remember: Animate with purpose and code in mind

 

Interactive Components

  1. Interactive components
  2. Nesting interactive components
  3. Easy hover and zoom animations
  4. Video interactions
  5. Interactive components and auto layout
  6. Funnel components

 

Prototyping with Variables 

  1. Prototyping with variables NEW
  2. Variant swap with variables NEW
  3. Expressions NEW
  4. Interaction chaining NEW
  5. Conditional statements NEW
  6. Conditional statements  and booleans NEW

Documenting and Sharing Figma Prototypes 

  1. Document prototypes with flows
  2. Sharing prototype links
  3. Documenting interactive components for handoff
  4. Embedding in external documentation

 

Figma Playground

Concrete examples to copy and play

Take full course now

Already a member? Click here

Join the Newsletter

Sign up and be the first to know about new releases, workshops, and articles.