Figma - Animating Design Prototypes

  • Category Other
  • Type Tutorials
  • Language English
  • Total size 577.9 MB
  • Uploaded By freecoursewb
  • Downloads 283
  • Last checked 8 hours ago
  • Date uploaded 1 year ago
  • Seeders 9
  • Leechers 1

Infohash : A40E4EEA6154E7FC15FC7BD17BE4EC88CAB42B13



Figma: Animating Design Prototypes

https://FreeCourseWeb.com

Released 10/2024
With Joseph Labrecque
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Skill level: Intermediate | Genre: eLearning | Language: English + subtitle | Duration: 1h 46m 54s | Size: 573 MB

Learn how to animate prototypes in Figma with expert Joseph Labrecque.

Course details
In this course, move beyond Figma's basic design tools into more complex and involved prototypes and mockups. While static prototypes can be very helpful, adding animation to your screen transitions and individual user interface interactions can take the realism of your designs to the next level. Instructor Joseph Labrecque starts with a look at how
animations and transitions are designed in a Figma prototype. Learn about the Smart Animate feature for quick motion and transitions, how to customize the parameters of animation—like duration, delay, and even custom ease and spring settings—in Figma, and how to create and animate common UX design patterns like splash screens, loading animations, transitions, component states, and progress bars.

Homepage

Files:

[ FreeCourseWeb.com ] Figma - Animating Design Prototypes
  • Get Bonus Downloads Here.url (0.2 KB)
    • ~Get Your Files Here ! 01 - Introduction
    • 01 - Animating prototypes with Figma.mp4 (3.1 MB)
    • 01 - Animating prototypes with Figma.srt (1.6 KB)
    • 02 - Working with the exercise files.mp4 (3.7 MB)
    • 02 - Working with the exercise files.srt (2.3 KB)
    • 03 - Design project overview.mp4 (6.2 MB)
    • 03 - Design project overview.srt (3.8 KB)
    02 - 1. Animated Transition Basics
    • 01 - Figma animation prerequisites.mp4 (5.1 MB)
    • 01 - Figma animation prerequisites.srt (3.8 KB)
    • 02 - Instant transitions in Figma.mp4 (5.3 MB)
    • 02 - Instant transitions in Figma.srt (4.3 KB)
    • 03 - Dissolve transitions in Figma.mp4 (9.6 MB)
    • 03 - Dissolve transitions in Figma.srt (4.8 KB)
    • 04 - Smart Animate transitions in Figma.mp4 (4.2 MB)
    • 04 - Smart Animate transitions in Figma.srt (2.7 KB)
    • 05 - Move in and move out transitions in Figma.mp4 (3.6 MB)
    • 05 - Move in and move out transitions in Figma.srt (2.4 KB)
    • 06 - Push transitions in Figma.mp4 (2.1 MB)
    • 06 - Push transitions in Figma.srt (1.5 KB)
    • 07 - Slide in and slide out transitions in Figma.mp4 (2.1 MB)
    • 07 - Slide in and slide out transitions in Figma.srt (1.4 KB)
    03 - 2. Modifying Animation Properties
    • 01 - Adjusting transition duration.mp4 (5.8 MB)
    • 01 - Adjusting transition duration.srt (3.1 KB)
    • 02 - Applying a delay interaction.mp4 (6.7 MB)
    • 02 - Applying a delay interaction.srt (3.9 KB)
    • 03 - Resetting scroll position.mp4 (6.4 MB)
    • 03 - Resetting scroll position.srt (2.6 KB)
    • 04 - Animating matching layers.mp4 (5.5 MB)
    • 04 - Animating matching layers.srt (4.0 KB)
    • 05 - Examining linear transitions.mp4 (5.1 MB)
    • 05 - Examining linear transitions.srt (2.5 KB)
    • 06 - Designing ease effects.mp4 (8.1 MB)
    • 06 - Designing ease effects.srt (5.0 KB)
    • 07 - Designing spring effects.mp4 (8.5 MB)
    • 07 - Designing spring effects.srt (5.9 KB)
    • 08 - Applying motion presets.mp4 (10.3 MB)
    • 08 - Applying motion presets.srt (5.0 KB)
    04 - 3. Designing Common UI Animations
    • 01 - Animating a button press.mp4 (9.0 MB)
    • 01 - Animating a button press.srt (6.6 KB)
    • 02 - Animating a toggle switch.mp4 (7.7 MB)
    • 02 - Animating a toggle switch.srt (4.5 KB)
    • 03 - Animating an energetic button.mp4 (10.2 MB)
    • 03 - Animating an energetic button.srt (6.2 KB)
    • 04 - Wiring a progress bar to variables.mp4 (19.0 MB)
    • 04 - Wiring a progress bar to variables.srt (11.5 KB)
    • 05 - Using overlay animations.mp4 (21.1 MB)
    • 05 - Using overlay animations.srt (12.0 KB)
    • 06 - Creating a looping indicator.mp4 (16.1 MB)
    • 06 - Creating a looping indicator.srt (9.8 KB)
    05 - 4. Animating Additional Experiences
    • 01 - Launching from the home screen.mp4 (14.2 MB)
    • 01 - Launching from the home screen.srt (9.8 KB)
    • 02 - Creating splash screen states.mp4 (11.5 MB)
    • 02 - Creating splash screen states.srt (7.0 KB)
    • 03 - Animating splash screen states.mp4 (7.4 MB)
    • 03 - Animating splash screen states.srt (4.3 KB)
    • 04 - Using videos to add motion.mp4 (8.4 MB)
    • 04 - Using videos to add motion.srt (4.4 KB)
    • 05 - Designing with animated GIF files.mp4 (10.7 MB)
    • 05 - Designing with animated GIF files.srt (5.9 KB)
    06 - Conclusion
    • 01 - Next steps for animating in Figma.mp4 (2.5 MB)
    • 01 - Next steps for animating in Figma.srt (1.4 KB)
    • Bonus Resources.txt (0.4 KB)
      • Ex_Files_Figma_Animating_Design_Prototypes Exercise Files 00_02
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      00_03
      • H+ Sport Hydro Meter Mobile (complete).fig (24.1 MB)
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_01
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_02
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_03
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_04
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_05
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_06
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      01_07
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_01
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_02
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_03
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_04
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_05
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_06
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_07
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      02_08
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      03_01
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      03_02
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      03_03
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      03_04
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      03_05
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      03_06
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      04_01
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      04_02
      • H+ Sport Hydro Meter Mobile.fig (10.2 MB)
      04_03
      • H+ Sport Hydro Meter Mobile.fig (10.3 MB)
      04_04
      • H+ Sport Hydro Meter Mobile.fig (10.3 MB)
      • drinkingwater.mp4 (13.8 MB)
      04_05
      • H+ Sport Hydro Meter Mobile.fig (23.7 MB)
      • confetti.gif (357.8 KB)

There are currently no comments. Feel free to leave one :)

Code:

  • udp://tracker.torrent.eu.org:451/announce
  • udp://tracker.tiny-vps.com:6969/announce
  • http://tracker.foreverpirates.co:80/announce
  • udp://tracker.cyberia.is:6969/announce
  • udp://exodus.desync.com:6969/announce
  • udp://explodie.org:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://9.rarbg.to:2780/announce
  • udp://tracker.internetwarriors.net:1337/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://open.stealth.si:80/announce
  • udp://9.rarbg.to:2900/announce
  • udp://9.rarbg.me:2720/announce
  • udp://opentor.org:2710/announce
GDRIVE-CACHE 📁 GD (hit) | ID: 1kH1zcWQyr... 📄 torrent 🕐 07 Jan 2026, 08:13:35 pm IST ⏰ 01 Feb 2026, 08:13:32 pm IST ✅ Valid for 15d 21h 🔄 Refresh Cache