Interactive Components (currently in beta) now work with Auto Layout, and that opens doors for some fun interactions.
Did somebody say...auto layout AND interactive components?
— luis. (@disco_lu) September 30, 2021
It's now live in Figma for everyone on the beta – can't wait to see what you all make 🪄
You can signup here if you're not yet enrolled: https://t.co/PYXoKapYVL pic.twitter.com/XkaHIoBlOr
A comprehensive guide on prototyping in Figma, covering interactions, animations, fix positions, overflow scrolling, and interactive components.
This update allows plugins to create new prototype interactions in the editor. Check out a code sample by Anthony DiSpezio.
We’ve updated our Plugin API to make reactions writable. Now you can build plugins to automate the prototype creation process or modify interactions in bulk.
— Figma (@figma) July 27, 2021
Check out @adispezio's code example to get started. We can’t wait to see what you create! https://t.co/Q9KOnXwzz3 pic.twitter.com/fdoyNbKYcu
Compare, test, and present multiple interactive ideas from a single page. Check out a couple of quick tips for using the new feature by Miguel Cardona.
Instead of mocking data with a bunch of rectangles in a rough prototype, use a specially designed font like Flow or BLOKK Neue.
Hey, guess what?
— luis. (@disco_lu) April 26, 2021
You can now open multiple prototypes from different pages at the same time on the desktop app.
Get noodlin' 🍜 pic.twitter.com/3yB56vo1Sx
“Make scroll to map interactions in Figma Design. This demo uses placeholder frames in lieu of using the offset values for navigating a map with scroll to interactions.”
Design Advocate Luis shows how to set up a contents page to navigate through multiple flows.
Creating responsive prototypes with Figma and Anima.
A collection of cool micro-interactions made in Figma.
“Catch up on Office Hours with Niko and Aaron from Figma to level up on some new prototyping capabilities.”
Sebastiaan Schillebeeckx quickly recorded a tutorial on using Scroll To in prototyping. BTW, great choice of the book on his desk! 😉