In this episode, Charli Marie talks to Remilla (Senior Brand Designer) and Damien (Creative Director) from Figma’s Brand Studio team about how they enable anyone in the company to create brand assets in Figma while still maintaining quality and consistency.
Jan Toman wrote a guide for using Figma branches to improve the reliability of UI components. His approach of always using branches for design system contributions and creating a set of visual regression tests is similar to the best practices in the development world and should really help with making a design system more robust.
A practical walkthrough by Ridd of how you can use slot components to build a scalable system in Figma that is efficient and flexible.
One of the best profiles of the early days of Figma and Dylan Field’s transformation from intern to CEO.
The latest episode of the Distributed podcast pairs Dylan, Figma’s CEO and Co-founder, and guest host Connie Yang, Head of Payments Design at Stripe, with past design leadership posts at Coinbase and Facebook.
“Complete annotated TypeScript source code for a Figma plugin built using the Create Figma Plugin toolkit and monetized via Gumroad license keys.” Fantastic starter kit if you want to monetize a plugin.
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
— ˗ˏˋrogieˎˊ (@rogie) November 12, 2021
Here's the code for ya: https://t.co/8hXnuByi0W pic.twitter.com/FQx8F8UXEj
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!
— Joey Banks (@joeyabanks) November 18, 2021
✏️ = edit expected (helpful for labels)
🔄 = can instance swap (helpful for icons)
🚫 = component no longer supported
✨ = interactive component
Friends of Figma community is moving from Slack to Discord. If you haven’t joined before, now is the time!
Ridd shares his approach to organizing files in Figma.
I'm constantly asked...
— Ridd 🏛 (@Ridderingand) November 26, 2021
"How do I organize my files?"
So here are my 7 goals for file organization in @figmadesign 👇 pic.twitter.com/NFuhHP3euu
Good list of ten very different free icon packs.
Molly shares a few takeaways from recreating a responsive Asana dashboard in Figma.
💡5 tips for designing a responsive dashboard in Figma
— Molly Hellmuth (@molly_hellmuth) November 23, 2021
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
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
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
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.
— Jan Toman (@HonzaTmn) November 6, 2021
🧵 Thread with examples ⤵️
Ridd shows how he automated a repetitive part of his workflow with Automator.
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.
Toni Gemayel’s project intended to help Figmates create their profiles in the Community.
The indispensable project brought to us by Toni Gemayel and Georgia Lee.
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
— bersabel (@brsabel) November 5, 2021
Back to real work next week 🥲 pic.twitter.com/7dzMyVysuM