Pinterest

Today
Watch
Shop
Explore
Explore
Art
Art Tutorial

Figma animation tutorial

Discover Pinterest’s best ideas and inspiration for Figma animation tutorial. Get inspired and try out new things.
1k people searched this
·
Last updated 2d
Memorisely · UX/UI Bootcamps on Instagram: "Resharing this as we know you loved it 🎉🌟 🔤 Animating text in Figma, lightning-fast! ✨ 🖊 Text is a crucial part of your interface, and this tutorial is here to make text animations a breeze.  Animating text in Figma is a breeze. Just follow these steps: 1️⃣ Whack 'T' to add your text. 2️⃣ Bang your text onto the page. 3️⃣ Whack 'T' again and add the text you want to animate. 4️⃣ Press 'Shift' + 'A' to create duplicates. 5️⃣ Switch up your text and change the colors. 6️⃣ Select all the text layers. 7️⃣ Work 'Shift' + 'A' again to create components. 8️⃣ Switch to the prototype view. 9️⃣ Connect your text layers. 🔟 Switch from "on click" to "after delay." 1️⃣1️⃣ Add your text to your design. Woohoo! There's your animated text in Figma! ✨ # Animated Text, Ui Animation, Shift Work, How To Make Animations, Animation Tutorial, Text Animation, Design Grafico, Ux Ui, Text You
Animated Text
Ui Animation
Shift Work
How To Make Animations
Animation Tutorial
Text Animation
Design Grafico
Ux Ui
Text You

Animated Text

Memorisely · UX/UI Bootcamps on Instagram: "Resharing this as we know you loved it 🎉🌟 🔤 Animating text in Figma, lightning-fast! ✨ 🖊 Text is a crucial part of your interface, and this tutorial is here to make text animations a breeze. Animating text in Figma is a breeze. Just follow these steps: 1️⃣ Whack 'T' to add your text. 2️⃣ Bang your text onto the page. 3️⃣ Whack 'T' again and add the text you want to animate. 4️⃣ Press 'Shift' + 'A' to create duplicates. 5️⃣ Switch up your…

5
UX/UI COACH on Instagram: "Day 31 60 days 60 UI challenge ✨ Create this amazing 3D animation with me using figma and Dora plugin. This is the future of website design 🤯 Let me know your thoughts in comment section⚡️ #uichallange #ui #figma #figmadesign #figmatips #dora #tutorial #figmatutorial #uiux #uiuxdesigner #uiuxdesign #uiuxdesigns #uiuxdesign #3danimation @figma @doraplatform" Hd Wallpapers For Pc, Animation Tutorial, Ux Ui, March 21, Animal Planet, Presentation Design, 3d Animation, Hd Wallpapers, Hd Wallpaper
Hd Wallpapers For Pc
Animation Tutorial
Ux Ui
March 21
Animal Planet
Presentation Design
3d Animation
Hd Wallpapers
Hd Wallpaper

Hd Wallpapers For Pc

UX/UI COACH on Instagram: "Day 31 60 days 60 UI challenge ✨ Create this amazing 3D animation with me using figma and Dora plugin. This is the future of website design 🤯 Let me know your thoughts in comment section⚡️ #uichallange #ui #figma #figmadesign #figmatips #dora #tutorial #figmatutorial #uiux #uiuxdesigner #uiuxdesign #uiuxdesigns #uiuxdesign #3danimation @figma @doraplatform"

7
Zander Whitehurst | UX/UI on Instagram: "✨ Animating mobile loading screens in Figma, supafast! ⁣ ⁣ ⏰ Loading states are an important phase of any experience and hopefully this tutorial makes it easy for you to include them in your next prototype! ⁣ ⁣ 🤙 Cheers for your support!" Loading Screen Animation, App Loading Screen, Ui Design Animation, Zander Whitehurst, Splash Screen Ui Design, Splash Screen Animation, Loading Ui, Figma Tips, Figma Prototype
Loading Screen Animation
App Loading Screen
Ui Design Animation
Zander Whitehurst
Splash Screen Ui Design
Splash Screen Animation
Loading Ui
Figma Tips
Figma Prototype

Loading Screen Animation

Zander Whitehurst | UX/UI on Instagram: "✨ Animating mobile loading screens in Figma, supafast! ⁣ ⁣ ⏰ Loading states are an important phase of any experience and hopefully this tutorial makes it easy for you to include them in your next prototype! ⁣ ⁣ 🤙 Cheers for your support!"

39
Rusty Émérite on Instagram: "My YouTube channel is now online and many tutorials are coming to the channel🔥🔥🔥 Comment below « Figma » if you want to learn how to create websites like this! Hey designers! I’m super excited to share this slider idea with you ! Transform your design into a true masterpiece What do you think? Let me know in the comments below #figma #figmadesign #designguide #dailyinspiration #uiux #ui #ux #learndesign #uxuitips #designtips #animation #figmaanimation #protoypes #spotlight #rinagrim #figmalovers #slider #figmatutotial #tutorial @figma" Figma Animation, Animation Website, Design Hack, Learning Design, Design Guide, Create Website, Super Excited, My Youtube Channel, Daily Inspiration
Figma Animation
Animation Website
Design Hack
Learning Design
Design Guide
Create Website
Super Excited
My Youtube Channel
Daily Inspiration

Figma Animation

Rusty Émérite on Instagram: "My YouTube channel is now online and many tutorials are coming to the channel🔥🔥🔥 Comment below « Figma » if you want to learn how to create websites like this! Hey designers! I’m super excited to share this slider idea with you ! Transform your design into a true masterpiece What do you think? Let me know in the comments below #figma #figmadesign #designguide #dailyinspiration #uiux #ui #ux #learndesign #uxuitips #designtips #animation #figmaanimation…

2
Fuze Studio on Instagram: "How easy is this Figma website animation tutorial? • we are now opening up our schedule for a select number of new projects and collaborations. DM me or click the link in my bio to book a discovery call. Design by- Design by: neuwebstudio #figma #videsign #uxdesign #websiteanimation #neuwebstudio #videsign #Udesign #figmatutorial #figmaanimation #figmatips #parallaxanimation #parallax #webdesign #webdesigner #website #websites" Figma Animation Tutorial, Website Animation, Figma Website, Vi Design, Animation Tutorial, Discovery Call, Open Up, Dm Me, Web Design
Figma Animation Tutorial
Website Animation
Figma Website
Vi Design
Animation Tutorial
Discovery Call
Open Up
Dm Me
Web Design

Figma Animation Tutorial

Fuze Studio on Instagram: "How easy is this Figma website animation tutorial? • we are now opening up our schedule for a select number of new projects and collaborations. DM me or click the link in my bio to book a discovery call. Design by- Design by: neuwebstudio #figma #videsign #uxdesign #websiteanimation #neuwebstudio #videsign #Udesign #figmatutorial #figmaanimation #figmatips #parallaxanimation #parallax #webdesign #webdesigner #website #websites"

4

Related interests

Figma Design Tutorial
Animation Guide
2d Animation Tutorial
Animation Practice
Motion Graphics Animation