Create Animated Maps in Figma & After Effects | Step-by-Step Tutorial
1.4K views · 2024-08-25
Motion DesignUI Design
☕️ Any support is appreciated! - https://buymeacoffee.com/designos
🔥 Don't forget to like, subscribe, and hit the bell icon to stay updated with more design tips and tutorials. Let us know in the comments what other tutorials you’d like to see!
🏘️Figma Community File - https://www.figma.com/community/file/1409260803455588555/animated-maps-with-figma-and-after-effects
🖼️After Effects Project - https://file.io/QOE7Deg6yUrm
In this tutorial, I'll walk you through the process of creating stunning animated maps using Figma and After Effects. Whether you're working on a UI project, creating an interactive map for a website, or just looking to enhance your motion design skills, this step-by-step guide will help you achieve professional results.
Timestamps:
0:00 Introduction & Community File
0:30 Maps in Figma
3:40 Exporting Figma Assets
4:14 Animating in After Effects
11:27 Output and Conclusion
🔥 Don't forget to like, subscribe, and hit the bell icon to stay updated with more design tips and tutorials. Let us know in the comments what other tutorials you’d like to see!
🏘️Figma Community File - https://www.figma.com/community/file/1409260803455588555/animated-maps-with-figma-and-after-effects
🖼️After Effects Project - https://file.io/QOE7Deg6yUrm
In this tutorial, I'll walk you through the process of creating stunning animated maps using Figma and After Effects. Whether you're working on a UI project, creating an interactive map for a website, or just looking to enhance your motion design skills, this step-by-step guide will help you achieve professional results.
Timestamps:
0:00 Introduction & Community File
0:30 Maps in Figma
3:40 Exporting Figma Assets
4:14 Animating in After Effects
11:27 Output and Conclusion