When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Figma Prototyping: A deep dive, beginner to pro, for UX/UI Designer
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Related Courses
This Course Includes
skillshare
0 (0 reviews )
2 hours 43 mintues 
english
Online - Self Paced
course
SkillShare
About Figma Prototyping: A deep dive, beginner to pro, for UX/UI Designer
00 Intro
!!! PLEASE WATCH !!! New Figma UI in beta
MATERIAL: Download Figma File
NEW! Config 23 Updates
BASICS: 01 The Figma prototype workspace
BASICS: 02 Where should my prorotypes live?
BASICS: 03 On screen device preview
BASICS: 04 fixed and scrollable elements
BASICS: 04 sticky elements on scroll
BASICS: 05 Nesting frames for presentation
BASICS: 06 Horizontal and vertical scroll
BASICS: 07 Linking screens
BASICS: 08 The back action
BASICS: 09 Scrollto
BASICS: 10 Overlay
BASICS: 11 Linking to external pages
BASICS: 12 Action triggers
BASICS: 13 Figma animation options
BASICS: 15 Sections and stateful design
BASICS: 14 Easing and spring animations
BASICS: 16 Flows in Figma
BASICS: 17 Adding videos to prototypes
BASICS: 18 Preview on your mobile
SMART ANIMATE: 01 Understand smart animate
SMART ANIMATE: 02 Smart animate and moving animations
SMART ANIMATE: 03 Limitations of smart animate
SMART ANIMATE: 04 Let us build a smart animated app
SMART ANIMATE: 05 Animate with purpose and code in mind
COMPONENTS: 01 Interactive components
COMPONENTS 02 Nesting interactive components
COMPONENTS: 03 Easy hover and zooming animations
COMPONENTS: 04 video interactions
COMPONENTS: 05 Interactive components and auto layout
COMPONENTS: 06 funnel components
VARIABLES: 01 Prototyping with variables
02 variant swap with variables
VARIABLES: 03 Expressions
04 Chaining expressions
VARIABLES: 05 Conditional statements
VARIABLES: 06 conditional statements and booleans
DOCUMENT: 01 Document prototypes with flows
DOCUMENT: 02 Sharing prototype links
DOCUMENT: 03 Documenting interactive components for handoff
DOCUMENT: 04 Embedding in external documentations
Thank You
What You Will Learn?
- 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..
- This course is for you if you have a basic knowledge of Figma or if you are an advanced Figma user and want to improve your prototyping skills..
- Prototyping Basics.
- Smart Animate with Figma.
- Interactive Components.
- Prototyping with Variables .
- Documenting and Sharing Figma Prototypes .
- © moonlearning.io with moon learning / moonlearning.