Tweets
Comments rolled out to everyone
After discovering a bug in redesigned comments in November, their rollout was postponed for a month. Now they are finally available to everyone. If you need a refresher of what changed, this thread summarizes it well.
Our new and improved comments have now rolled out to everyone. ✨ Thanks for your patience as we made comments better you.
— Figma (@figmadesign) January 11, 2022
Here's more info on all the changes: https://t.co/s8C5aTgmqd
And a thread with some of our favorite changes. 👇 pic.twitter.com/K4laNVZrRf
Fons Mans
Fons creates so much beautiful art in Figma that I couldn’t pick a single thing to share — check out his work on Twitter.
3 super 3D libraries
Zander recommends three 3D libraries: Drawkit, Fall Guys, and Nikuu.
❤️ 3 super 3D libraries in @figmadesign #ux #ui #3d #figma pic.twitter.com/xvDrgBmKy4
— Zander Whitehurst ⚡️ (@zander_supafast) January 2, 2022
Animating radio buttons
Zander Whitehurst shows how to animate a radio button supafast.
🔘 Animating radio buttons in @figmadesign #ux #ui #figma pic.twitter.com/vmPH0Vgyey
— Zander Whitehurst ⚡️ (@zander_supafast) January 7, 2022
Variable fonts are coming to Figma?
If the screenshot is real, this is an exciting rumor!
#Figma is adding the support of variable fonts! pic.twitter.com/Poelisk1HK
— Nima Owji (@nima_owji) January 8, 2022
Methods on archiving designs
Ana Boyer on a few ways to archive no-longer-needed mockups.
🧵Figma tip! Some methods on archiving designs:
— Ana Boyer (@_AnaBoyer) January 3, 2022
Rogie creates NFTs
Rogie’s really cool short video shows his process and use of Figma features for creating Grim Syndicate NFTs.
Artist @rogie gets under the hood of the Lurkers of the Abyss project showing off some of the cool @figmadesign functionality that we use to build daemons! pic.twitter.com/MIbIJSViSw
— Grim Syndicate (@Grim__Syndicate) December 16, 2021
Evan Wallace left Figma
Evan Wallace, Figma co-founder and CTO, announced that he left Figma last year. See also tweets by his co-founder Dylan Field and ex-engineer Jamie Wong. Evan is incredibly talented — I’m grateful for all he did for Figma and looking forward to seeing what he decides to do next.
Before 2021 ends, I'd like to share some personal news: I left Figma earlier this year. Dylan and I started it together way back in 2012, and since then it's done better than I ever imagined it would. It was the ride of a lifetime.
— Evan Wallace (@evanwallace) December 28, 2021
Ode to Auto Layout
Anthony DiSpezio with an ode to Auto Layout 👏
We recently had our variety show at @figmadesign. Submitted for your approval, my ode to auto layout :) pic.twitter.com/fEzWwZEk4q
— Anthony DiSpezio (@adispezio) December 13, 2021
New frame presets and device frames
Figma added new MacBook Pros, Surface Pro 8, and small and large Androids to the frame presets.
Figma is ready for all the new gadgets, just in time for the holidays! 🎁
— Figma (@figmadesign) December 15, 2021
You can now find the following frame presets and device frames in Figma…
→ Macbook Pro 14,” 16”
→ Surface Pro 8
→ Android Small, Large pic.twitter.com/ZD5Bj3IRTW
Fun Figma illustration tips
Ana Boyer shares four tips for illustrating in Figma.
🧵Some fun Figma illustration things I learned from our DA team the other day:
— Ana Boyer (@_AnaBoyer) December 17, 2021
Combining shapes
Combining components and shapes to create more advanced shapes.
I just realized if you combine components and shapes in @figmadesign, you can create “smart” shapes, complete with mirroring! The final head is a single vector shape rounded corners. pic.twitter.com/VvTHapUpbd
— Jeff Broderick (@brdrck) December 17, 2021
Color management in Figma
Dan Hollick explains why colors in Figma can be different from the colors found on the web. Personally, I usually keep the Figma desktop app in sRGB color space to avoid surprises, only switching to Unmanaged for specific tasks.
Have you ever used a color in Figma and found it looked totally different on the web?
— Dan Hollick 🇿🇦 (@DanHollick) December 15, 2021
Well I have some good news:
a) you're not crazy.
b) that's changing. pic.twitter.com/F5pOYYdY1g
The paused rollout of the new comments
After discovering a bug affecting how comments appear on the canvas, Figma paused the rollout of the new comments until later in January.
We recently discovered a bug affecting how comments appear on the canvas.
— Figma (@figmadesign) December 11, 2021
To ensure the best experience for our users, we’ve decided to pause the rollout while we look into a fix.
Once we’ve resolved the issue, we'll turn on the new comments experience for everyone in January. https://t.co/cY9K4yiz91
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