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

• • •

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

Keep Current with Count Figmula

Count Figmula 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!

More from @figmadesign

26 Oct
It’s prototyping day!

We’re excited to announce that interactive components are now available for everyone to use. Plus, we have some other updates to make your prototyping life easier.

Read about the updates on our blog: bit.ly/PrototypingUpd…

👇
1/ We’ve added a shortcut to toggle between the design and prototyping tabs.

Speed up your workflow by using Shift + E to easily navigate between the tabs in Figma.
2/ We’ve also made updates to copy and paste interactions for prototyping.

You can now copy prototype interactions and paste them into frames, reducing the amount of repetitive work involved with building prototypes.
Read 5 tweets
13 Sep
Continuing on all things design systems! Did you know Figma curates designsystems.com? There is a wealth of content here written by the community. Here are some of my favorite articles 👇
1/ This article from the team @lyftdesignteam on platform parity; we’re really looking forward to hearing more from their team at #Schema2021 designsystems.com/a-system-built…
2/ Icons are a key part of most design systems, @bonniekatewolf takes you through lots of practical tips about pixel perfectness to creating size-specific icons. designsystems.com/iconography-gu…
Read 4 tweets
13 Sep
1/ Hi, I’m Tom, aka @negativespaceca👋

At Figma we love talking about design systems and hearing about people’s library structures and how they're improving over time.

We love it so much that we’re dedicating a whole day to it. Plus we have a really exciting announcement…👇
2/ I’m excited to introduce #Schema2021– Figma’s first design systems conference.

Design systems people– join us for a day of virtual sessions led by top design systems leaders from @Atlassian, @lyftdesignteam, and @netflix to name a few.
Apply to attend: bit.ly/Schema2021
3/You may be wondering, why a design systems conference?

Back when I was first introduced to design systems, there was a lot to be desired.

Everything was static and linear and PDF style guides were the norm. Plus workflows were siloed, making alignment challenging.
Read 6 tweets
12 Sep
Level up your skills in Figma with some of our favorite community files and plugins inspired by video games. #NationalVideoGameDay

Level 1: Medals Design System🏅
Download the community file by @RyanYu0527 for access to components to use in your own work. bit.ly/3A5lOjy
Level 2: Virtual Escape Room 🕵️‍♀️

Use components and instances to find clues hidden around the house to lead you to the end of this virtual escape room created by @pigeonerTM.

Grab some friends and play: bit.ly/38Yt8la
Level 3: Protoyping 🎮

Prototyping in Figma with a keyboard or gamepad is great for making TV and game-based interactive prototypes.

It's also important when thinking about designing for mobility and dexterity-limited accessibility.

Full video: bit.ly/3nqNaNN @miggi
Read 5 tweets
19 Aug
1/ Let's get organized. ✨

We've rounded up some of our favorite plugins for tidying up your Figma files.

Here's the collection, created by @rogie bit.ly/3y4K1Vk

👇
2/ First up, Figma Measure, created by @phlp_ and @crlhsr.

This plugin provides on-canvas documentation to show customizable redlines for heights and widths.

You can also add tooltips for font details, fill colors, border radius, and more. bit.ly/FigmaMeasure
3/ Downsize, created by @alexeinars, allows you to compress images right on the canvas, reducing the file size and load time to increase performance.

bit.ly/DownsizePlugin
Read 6 tweets
17 Jun
When you’re in Figma 8 hours a day, every click matters. And even small annoyances can have a big impact on your flow.

We gathered your feedback and came up with 30 updates to enhance your workflow in Figma.

Here are all 30. ⬇️What’s your favorite?
figma.com/community/file…
1/30 First up: a redesigned stroke panel for easier customization of vector objects.

Now you can:
→ Adjust end caps to easily create arrows
→ Fine-tune the stroke properties of connectors copied and pasted from FigJam
2/30 Bigger? Smaller? Left? Right? You can now use math operations to adjust properties with a mixed value.
Read 32 tweets

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!

:(