Tweets
But Figma isn’t good for graphic des…
Rogie shared a few beautiful designs by Fons Mans.
But @figmadesign isn't good for graphic des... pic.twitter.com/JfCa7I18Uf
— ˗ˏˋrogieˎˊ (@rogie) November 19, 2021
<AutoLayout />
While this approach feels backwards, I think it’s an interesting idea to explore for the developer handoff. Auto Layout is quite close to Flexbox, so creating a universal utility wrapper shouldn’t be hard.
Today's whacky idea…
— Joe Bell (@joebell_) November 19, 2021
What if UI Designers and UI Engineers spoke the same language?@Figma Auto Layout === <AutoLayout /> pic.twitter.com/8zFJnNU6WI
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
— ˗ˏˋrogieˎˊ (@rogie) November 12, 2021
Here's the code for ya: https://t.co/8hXnuByi0W pic.twitter.com/FQx8F8UXEj
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!
— Joey Banks (@joeyabanks) November 18, 2021
✏️ = edit expected (helpful for labels)
🔄 = can instance swap (helpful for icons)
🚫 = component no longer supported
✨ = interactive component
7 goals for file organization
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
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
— 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
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
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.
— Jan Toman (@HonzaTmn) November 6, 2021
🧵 Thread with examples ⤵️
Custom mechanical keyboard
Now I most definitely want one! See also this cool keycap.
For the @figmadesign maker week I made a custom (hand painted) low profile mechanical keyboard for Figma designers. pic.twitter.com/MSNx2ePHgk
— Robert Bye (@RobertJBye) November 4, 2021
Flippy Bird
A widget that lets you play a Flappy Bird-like game right inside FigJam. Love the Flippy!
For @figmadesign Maker Week I built Flippy Bird - a widget that lets you play a Flappy Bird-like game right inside FigJam, starring our unofficial mascot Flippy!
— Jackie Chui (@jackiechuichui) November 6, 2021
The potential impact on productivity makes this almost too dangerous to publish to the public 😂 pic.twitter.com/95JZWsMqTy
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
— bersabel (@brsabel) November 5, 2021
Back to real work next week 🥲 pic.twitter.com/7dzMyVysuM
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.
— Figma (@figmadesign) November 3, 2021
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
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!
— Figma (@figmadesign) November 2, 2021
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
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
Using Interactive Components as the first step in the process
Ridd shows an unconventional approach of using Interactive Components from the very beginning of the design process. Also, love his tip on using a second Figma window for the real-size preview!
Interactive components are my favorite @figmadesign feature.
— Ridd 🏛 (@Ridderingand) November 13, 2021
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
Todo list with Interactive Components
Joey Banks creates a simple todo list using Interactive Components, start to finish in 1 minute.
Designing with Interactive Components in @figmadesign, from start to finish 🔁: pic.twitter.com/4NuWZl3ES8
— Joey Banks (@joeyabanks) November 3, 2021
Findings and highlights from using Sketch
This is an unusual link for this place, but Rafa makes great observations about superior parts of Sketch. I’ve been skeptical about their Workspace and Real-time Collaboration, but the UI and native features were always top-notch. Glad they’re still competing with a strong product!
I've been using @sketch with the @alongvideo team exclusively for the past two weeks — here's some of the findings and highlights ✨
— Rafa (@rafahari) November 2, 2021
🧵 (I'll keep updating the thread as I go)
Automator
Jordan Singer shows some of the automations in his AI tool. Looks amazing, and you can join the waitlist at his website.
Here's a thread on some of the automations I've put together in Automator from @tricycleai ranging from simple to complex 👇 pic.twitter.com/NSUpMVwAmu
— Jordan Singer (@jsngr) October 23, 2021
Theming Visual Studio Code
Powerful use of Figma variants and VS Code design toolkit to work on dark and light themes.
👨🍳 Been cooking with our @code design toolkit in @figmadesign to make our components easily theme between dark and light variants without adding additional color styles. This is looking promising. pic.twitter.com/EUUasD0EMv
— Miguel Solorio (@miguelsolorio_) October 29, 2021