Figma Tutorial: Smart Animate and Drag Triggers

Timestamps:
0:00 - Intro
0:44 - Demo Part 1: Smart Animate matching Layers (Using Smart Animate with other Transitions)
2:28 - Demo Part 2: Smart Animate a new email
3:58 - Highlight matching layers in Prototype Mode (useful for troubleshooting)
4:37 - Bulk Rename (MacOS: Command + R; Windows: Control + R)
5:14 - Demo Part 3: On Drag trigger with Smart Animate
8:00 - Final Demo

Learn more on our Help Center:

#Figma #FigmaDesign #FigmaTutorial #Prototyping #Transitions #SmartAnimate

[Figma]

"In June 2024, we introduced a redesigned Figma—called UI3.
With UI3, some parts of this video might not match what you see in the product today. We appreciate your patience while we update our content.

[screenwriterdan]

Figma Team, you folks are incredible. I rarely comment on anything but this is THE BEST design tool I've ever used. Period. And, you keep making it better and better. Fantastic work as always. Thank-you!

[dmytrosvitlichnyi]

this team absolutely deserves likes
agree?

[ice]

For a couple of days was suffering with the choice of a slightly more advanced tool for interface animation. And here Figma releases an update with Smart Animate. Thanks for awesome work!

[javiertrevino]

This is amazing guys, I was struggling with the complexity of my project and importing things to Principle and then all of the sudden I get the pop up message that this has just been released, Amazing!

[kerrymatthew]

This is brilliant! Being able to pin the nav bar is subtle but goes a long way to making a convincing prototype.

[secession]

You've made me already happy with previous update about GIF support and now this Smart Animate update makes me crazy!

[alexeinars]

I love you, guys!!!
Figma is the best!!!
RIP Sketch, RIP Xd.
Can't wait for auto-layout and custom transition animations (like bounce)!
Greetings from Siberia!!!

[the_proletariat]

The only reason I was still using XD that it had the auto-animate feature. Now Figma has got the smart animate feature, which is in fact far better than the auto animate feature. Now I can switch to Figma without any worries. Good job guys.

[miknike]

I cannot begin to explain how frustrated I was trying to do this prior to watching this video. This team is amazing and am SO relieved you took this step by step and explained simply enough. Thank you much!!!

[superscott]

It really is amazing what you guys have achieved in such a short amount of time. This is making the case for me to cut yet another tool out of my toolkit: Principle for Mac. If we can get some basic drivers and more in-depth timeline controls for power users, I won't have to leave Figma for anything anymore. That's literally the last design/prototyping tool that I currently use outside of Figma. I haven't touched PhotoShop unless I'm doing heavy graphical work, and I haven't missed Sketch because of the live collaboration, multi-platform compatibility, insane component system, prototyping, etc etc etc that Figma gives me. Truly incredible job. Your team should be proud of such a revolutionary, one of a kind product.

[gbaski]

Figma is the best UI/UX design tool
of the designers/developers
by the designers/developers
for the designers/developers,
can't wait to see micro-interaction within components.

[ТаняКовтун-йи]

I rarely comment on Youtube but I just adore you, Figma! ❤️

[dongiovanni]

I have to say this is nice, the example file is even better
Besides Capture One, this is one of the few companies on Youtube putting out good content

[mischugo]

Fantastic work. Always ahead. The team understands the wishes of the customers. THX a lot!!! Love it!

[warrantyvoid]

Absolutely great stuff, I keep falling in love with figma more and more!

[tsune]

it's not only the tool, your tutorials are simply great! thank you so much for supporting your community

[whiskyfake]

Looks pretty cool. I'm not a designer but once I tried Figma I'm in love with this app. And now a brilliant new feature. Thank you!

[jensthuland]

Great stuff, again...Thanks alot for all your hard work, you guys are truly contributing to making our life as designers both easier and more efficient, but equally important; a lot more enjoyable 💕

[shubham-cdlx]

Guys this is just what I have been asking you for months
Thank you so much
You are awesome
#whyilovefigma #ripxd