Figma is free to use. Sign up here: [ Ссылка ]
In this video we'll show you how to add simple transitions to your prototypes.
0:00 - What is prototyping
0:30 - Creating a prototype in Figma
1:00 - How to customize a prototype interaction
1:50 - How to customize a prototype transition
2:20 - Choosing your prototype animation
3:15 - Previewing your prototype animation
3:25 - How to control easing in Figma
4:00 - Changing animation durations in a prototype
Other videos:
Prototyping: [ Ссылка ]
Overlays: [ Ссылка ]
Smart Animate: [ Ссылка ]
Easing Curves: [ Ссылка ]
Learn more on our Help Center:
Guide To Prototyping: [ Ссылка ]
Prototype Triggers: [ Ссылка ]
Prototype Animations: [ Ссылка ]
Music:
Meet Me At The Ferris Wheel
Mark Generous
[ Ссылка ]
[ Ссылка ]
#Figma #FigmaDesign #FigmaTutorial #Prototyping #Transitions
Figma Tutorial: Prototyping & Transitions
Теги
transitionsanimationsprototypingprototypewireframefigmadesigntutorialquickstartuiuxproduct designeasingfigma tutorialfigma tutorial prototypingfigma prototyping examplesprototype in figmaproduct:figma_designaudience:designerlanguage:englishformat:standardproduced_by:product_educationtheme:prototypingevent:noneseries:figma_tutorialtype:feature_tutoriallevel:intermediateprimary_feature:easing_curvesecondary_feature: