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
Boss Battle: Level building ✨

Design your own level of Monument Valley using @alexeinars' design system featuring components and auto layout. bit.ly/3C4860X
Bonus round: Figma IS the Game 🕹

Created by @minigolf2000, 100 Race turns Figma into a series of mazes that you have to find your way out of to win.

Want to take it one step further? You can even build your own levels.

bit.ly/3Eb3iJ7

• • •

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

Keep Current with Figma

Figma 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

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
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
20 May
This is a story of a Figma bug that wasn’t a bug at all.


In November of 2019, one of our users reported this: ⁝ MW I have problem in zooming into my particular element as the
In short, pressing Shift+2 using one key worked, but pressing Shift+2 using the numeric keypad key didn’t.

Curiously, the bug only happened on Windows, and not on a Mac.
Turns out this bug goes back all the way to… 1977.

This was the time when IBM, the #1 computer maker of that time, continued their attempts to conquer the burgeoning small, personal computer market. (Before, most of their computers looked like the one below.)
Read 28 tweets
20 May
It’s the coldest of takes that as a designer you have to learn to constantly switch between thinking of big things and considering details. ⁝ MW
The former is crucial, but the details can make or break a product. On the other hand, details can also suffocate you – there are endless small fixes, torrents of bugs, and infinite polish that could be applied to anything… but there is never infinite time.
As a result, you need to develop a sense of which details matter, and which not… and constantly seek input on your calibration.
Read 29 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!

:(