Figma Profile picture
Sep 12, 2021 5 tweets 4 min read Read on X
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 @figma

Mar 28, 2023
Little Big Updates are here… and they're BIG.

Introducing 30+ new quality-of-life updates for Figma and FigJam to help improve your workflow.

Hint: You’re definitely going to want to check out the full thread 😉

figma.com/whats-new/?
1/32 On-canvas preview

Hover over design panel options to preview different settings and properties before committing to them.

(Font preview is in the works!)
2/32 Luminance mask support

Create masks based on image or object brightness.
Read 33 tweets
Feb 21, 2023
Do more with video in your prototypes. We’ve made it easier to create realistic video players in Figma.

Add interactions that let you play, pause, mute, or skip to timestamps in a single frame. And you can now trigger events with video playback.

See more in the 🧵
You can now preview videos in the design panel. Play or scrub the video preview and get the perfect timestamp for your interactions.
Place multiple videos at once, drag to resize when placing, or add as a fill to objects.

Add one or more videos using the place shortcut:
Mac: ⇧+⌘+K
Win: ⇧+Ctrl+K

or type “place” in the quick actions menu:
Mac: ⌘ +/ or ⌘ + P
Win: Ctrl +/ or Ctrl + P
Read 6 tweets
Feb 6, 2023
Working smarter, not harder also applies to prototyping. 😉

Here are six #FigmaTips from Designer Advocate @_AnaBoyer for prototyping in Figma.

1/ Draw prototyping links from navigational components to reduce the need for repeatedly drawing connections.
2/ Create interactive components in your libraries, so designs that use those components already have micro-interactions built into their prototypes, adding an additional level of fidelity.
3/ Nest interactive components to reduce the number of prototyping links.
Read 7 tweets
Dec 15, 2022
A few months ago, @linear experienced a DDoS that took down their freshly redesigned site. 💔

We spoke with their team about how they got the idea to make their homepage their Figma files, unintentionally throwing the Figma party of the year…

bit.ly/3FWkvJa
A few days prior to launch, @pacocoursey had teased the team's in-progress Figma files. Was now the perfect opportunity to finally share them with the world?

When their site went down, @jorilallo suggested forwarding their homepage to a public Figma file, and soon there were over 300 people swarming their designs… Image
Read 5 tweets
Dec 13, 2022
The Figma Designer Advocate team will drop one #FigmaTip a day over the next ten days to help you level up in Figma...

...and we're threading them all right here! 🎁bit.ly/10daystips
Read 6 tweets
May 11, 2022
Congrats to all of the Figma Community Awards winners 🥳
#Config2022
Favorite graphic resources for Figma:

Sketch Elements Brushes Set by @streamlinehq bit.ly/3M99yo8
Image
Favorite educational resource for Figma:

Micro interactions - Prototyping by @ideaisall bit.ly/3L3uyvl
Image
Read 11 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

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(