Interactive components provide so many new possibilities. It's like sending Figma variants into hyperspace. 🚀🌟Combining existing @figmadesign features proven to be extremely fun. Here a lil thread: 👇🧵
🎞️I imported a 3D render from Blender using a mix of static images and GIFs. The animation uses Click and After Delay triggers. Then, I added copies of the GIF layers (at 0% opacity) inside the first variant frame to preload the assets and avoid glitches on the final prototype.
🤖 From loops, to cloned layers, clipped shapes, and custom easing curves. I used all of these techniques to achieve the animations on the FUI components.
🅰️ Animating interactive components has the same vibe as building 2D animations for the web. Perhaps one day, the Figma team will add support for 3D transforms, Timelines, scroll events, videos, maybe code embeds... 😋🆕🆕🆕
📦 Figma's Interactive Components favor composition and modularity. The full animation lives in just ONE frame.😱 Definitely a step in the right direction. Avoiding countless duplicates brings back elegance, simplicity and sophistication in the design workflow. #DRY #KISS

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Mirko Santangelo

Mirko Santangelo Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!