As part of today's prototyping launch, we’re excited to announce that interactive components are available to everyone. 🥳
During the beta, we were blown away by what our community created.
Interested in getting started? Check out these examples for inspiration…
1/ Try using interactive components to create UI microinteractions at scale. @abelfhancock has made it easy for you to get started.
Duplicate the Figma community file: bit.ly/3m5aAqM
2/ Create your own pixel art in Figma using interactive components.
Choose between two themes: Figma and Retro to create the pixel art of your dreams.
Community file by @lichinlin: bit.ly/2ZdOZTW
3/ @SShuaiqi created this handy image comparison tool using interactive components.
Duplicate the file and replace with your own images to see it in action. bit.ly/3m5wAlh
4/ Compose your own music with this Figma prototype using interactive components by @JuDiebold.
Just hover the mouse over the desired note line and move left or right to set the note length.
Try it out: bit.ly/3CcaKlO
5/ When handing off designs to developers, It's important for them to understand the layer stacking order (or Z-index). @disco_lu made it super easy to do so.
Check out the Figma community file: bit.ly/3C8UPEX
6/ @DesignXstream has created an interactive star rating component that you can use in your designs.
⭐⭐⭐⭐⭐
Duplicate the community file here: bit.ly/3vQ4ZI3
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.