Community | Figmalion

Play prototypes while editing

Rogie made a new plugin for playing a prototype while editing it. Because the plugin accesses the file id, it has to be installed locally. (I usually just open a prototype in a new app window while working on it.)

Ever wanted to play your prototypes while editing in @figmadesign? I made a little plugin for you! It's called "Prototype Preview", but it has to be installed as a local plugin (as it accesses the file id). Animation by @antimofm

Here's the code for ya: https://t.co/8hXnuByi0W pic.twitter.com/FQx8F8UXEj
— ˗ˏˋrogieˎˊ (@rogie) November 12, 2021

Adding emoji to component & layer names

Joey Banks with a tip on indicating component or layer status through naming.

If you're creating components in Figma for others to use, adding emoji to component & layer names can really make a big difference!

✏️ = edit expected (helpful for labels)
🔄 = can instance swap (helpful for icons)
🚫 = component no longer supported
✨ = interactive component
— Joey Banks (@joeyabanks) November 18, 2021

Friends of Figma Discord

Friends of Figma community is moving from Slack to Discord. If you haven’t joined before, now is the time!

Issue #53
Nov 28, 2021
#Community

7 goals for file organization

Ridd shares his approach to organizing files in Figma.

I'm constantly asked...

"How do I organize my files?"

So here are my 7 goals for file organization in @figmadesign 👇 pic.twitter.com/NFuhHP3euu
— Ridd 🏛 (@Ridderingand) November 26, 2021

10 icon packs from the Figma community to have in your toolkit

Good list of ten very different free icon packs.

Issue #53
Nov 28, 2021
#Icons
#Community

5 tips for designing a responsive dashboard in Figma

Molly shares a few takeaways from recreating a responsive Asana dashboard in Figma.

💡5 tips for designing a responsive dashboard in Figma

Responsive design seems to be one of the trickier topics for my students so I made a project for them (Recreate the Asana Dashboard in Figma). Below are some of my favorite takeaways from the project. pic.twitter.com/RHtIRQnLIm
— Molly Hellmuth (@molly_hellmuth) November 23, 2021

New comments walkthrough

Tom Lowry gives a walkthrough of some of the new commenting improvements and enhancements.

So excited to give you all a walkthrough of some of the new commenting improvements and enhancements that we're starting to roll out to @figmadesign and FigJam. Let us know what you think! pic.twitter.com/ylmZSjWPjH
— Tom Lowry (@negativespaceca) November 17, 2021

Six quick automations

Noah Levin came up with six quick automations in just a few hours.

So fun!!! I’ve made 6 automations so far in just a few hours this week. Here’s a bunch in one video — I love that they also work in FigJam! pic.twitter.com/87A3LcjuA4
— Noah Levin (@nlevin) November 4, 2021

Issue #52
Nov 13, 2021
#Noah Levin

Consistency in a library

Jan Toman with a thread of different ways this plugin can be used to automate routine operations of maintaining a design library, removing the need to use checklists, and increasing consistency along the way.

Finally found some time to play with Automator plugin from @tricycleai. This thing can replace so many checklists (!!!), helping us to scale a consistency in our whole Figma library. No matter who is contributing.

🧵 Thread with examples ⤵️
— Jan Toman (@HonzaTmn) November 6, 2021

Automating all the things

Ridd shows how he automated a repetitive part of his workflow with Automator.

Issue #52
Nov 13, 2021
#Plugins
#Ridd

Automating Figma

Jordan Singer on why he is building Automator, a general purpose tool to automate Figma. Its private beta was all the rage last week — see a few creative ways to use it below.

Community 101

Toni Gemayel’s project intended to help Figmates create their profiles in the Community.

Figma Memes

The indispensable project brought to us by Toni Gemayel and Georgia Lee.

Jam Kit and Pixel Art Maker

Cool FigJam widgets made by Bersabel Tadesse and Noah Levin. Hope they’ll be published one day!

for @figmadesign's maker week this week, I helped facilitate 80+ Figmates learning how to build widgets, and worked with @nlevin to build a pixel art maker & drum pad widget. You can learn how to build widgets too! https://t.co/BaEqmvBnaX

Back to real work next week 🥲 pic.twitter.com/7dzMyVysuM
— bersabel (@brsabel) November 5, 2021

The story of design systems analytics

A peek behind the scenes of how Noah Levin created the first take on design system analytics (now available on Orgs plan) during one of the past Maker Weeks.

1/ Many of the features found in Figma today started as Maker Week projects. One of our favorites is a project led by @nlevin– design systems analytics.

It started as a request from a user who wanted an easy way to gauge the overall health of their company’s design system.🧵 pic.twitter.com/7aeCQnqoh1
— Figma (@figmadesign) November 3, 2021

Figmaverse

The theme of this Maker Week is Figmaverse, and Anthony DiSpezio created beautiful branding and design system. To the moon!

It’s Maker Week at Figma!

Twice a year, the entire company is invited to pause day-to-day work and come together for a week of innovation.

This week's theme is Figmaverse (not related to the metaverse). Here’s how @adispezio brought our out-of-this-world branding to life🚀 pic.twitter.com/UKxmhQ88Zz
— Figma (@figmadesign) November 2, 2021

Making Magic Potions in Figma

Breakdown of using Figma to illustrate and animate Vijay’s first NFT.

Making Magic Potions in @figmadesign. Here is a sneak peek of my first NFT collection @magikpotions, which I'm working on. illustrated and animated purely in Figma. Yes, we can create animation in Figma as well. Breakdown below 🧵 pic.twitter.com/LRHF7SChC4
— vijay vΞrma (@realvjy) November 6, 2021

Interactive components are my favorite @figmadesign feature.

So why wait to use them until the end?

They're even more powerful as the very first step in the process!

Here's how I use them to explore new ideas 👇 pic.twitter.com/zir1RzgF2i
— Ridd 🏛 (@Ridderingand) November 13, 2021

#Community