Figma - 动画设计原型
Figma - Animating Design Prototypes
- 01 - Introduction
- 01 - Animating prototypes with Figma
- 02 - Working with the exercise files
- 03 - Design project overview
- 02 - 1. Animated Transition Basics
- 01 - Figma animation prerequisites
- 02 - Instant transitions in Figma
- 03 - Dissolve transitions in Figma
- 04 - Smart Animate transitions in Figma
- 05 - Move in and move out transitions in Figma
- 06 - Push transitions in Figma
- 07 - Slide in and slide out transitions in Figma
- 03 - 2. Modifying Animation Properties
- 01 - Adjusting transition duration
- 02 - Applying a delay interaction
- 03 - Resetting scroll position
- 04 - Animating matching layers
- 05 - Examining linear transitions
- 06 - Designing ease effects
- 07 - Designing spring effects
- 08 - Applying motion presets
- 04 - 3. Designing Common UI Animations
- 01 - Animating a button press
- 02 - Animating a toggle switch
- 03 - Animating an energetic button
- 04 - Wiring a progress bar to variables
- 05 - Using overlay animations
- 06 - Creating a looping indicator
- 05 - 4. Animating Additional Experiences
- 01 - Launching from the home screen
- 02 - Creating splash screen states
- 03 - Animating splash screen states
- 04 - Using videos to add motion
- 05 - Designing with animated GIF files
- 06 - Conclusion
- 01 - Next steps for animating in Figma