Lauri makes a strong case for introducing responsiveness to the prototype mode. Luis hints that something is cooking, and we’ll hear more at Config 2024.
Anthony Rajski is recreating Figma in the Windows 95 style. Hope it supports LAN parties for designing together!
I often rely on the Spread value in shadows but forget why it is disabled. Handy reminder from Ilya Miskov.
Designer Advocate Mal reminds us that it’s crucial to consider the discoverability of components when building a set and points to a new feature of the Assets library that shows a number of component variants and a playground for exploring them.
“Over the next few weeks, we are replacing the bottom right notification button for library updates and replacing with a new library icon for faster entry to library management.”
I’m a simple guy — if I see a beautiful physical UI redrawn in Figma, it goes into the newsletter.
Illustrated the dark version of the Yamaha SEQTRAK in @figma ✨ pic.twitter.com/VrCD69kF3K
— Karime 🍤 (@KarimeShrimp) March 12, 2024
Dmitry Novikov from Rive shows how to do soft page curls in Figma.
How I do page curls in @figma #figma pic.twitter.com/DGpqpBTjIh
— Dmitry Novikov (@novikoff) March 12, 2024
There were hints about split tabs for a while, and now they’re available in the beta version of the desktop app. Luis highlights some of the use cases in this thread, including keeping a prototype on the side, managing variables, iterating on designs at different zoom levels, updating local components, and many more.
Split tabs, now in the Figma Desktop Beta app ❖
— luis. (@disco_lu) March 12, 2024
Download it and let us know your thoughts!https://t.co/UGF11cLLjw pic.twitter.com/RNbg1ieCvz
An update to file search — now you can filter results by owner, type, or organization/team/project.
An update to search! Now you can filter file results by:
— Figma (@figma) March 12, 2024
→ owner
→ file type
→ organization, team or folder pic.twitter.com/rxo0ltTZTE
Mark recorded an unscripted tutorial on creating a beautiful animated Aurora effect with the Noise & Texture plugin.
Unscripted tut for the Aurora for you. I will make a better one for YT later on but its a mini tut for those who are asking. pic.twitter.com/GXtNOkoCg2
— Mark @ designloom (@designloomco) January 11, 2024
Pablo Stanley shows a few examples of where he will often use the new feature.
multi-edit by @figma pic.twitter.com/zjmtxNXAtf
— Pablo Stanley (@pablostanley) March 6, 2024
In this insightful video essay, Tom Lowry shares some thoughts on freeform design exploration without accruing design debt.
Today @figma is launching Multi-edit!!! I put together some thoughts about freeform design and why I am excited about it!
— Tom Lowry (@negativespaceca) March 6, 2024
Check the thread for more resources to get started!
Let us know what you think. Happy multi-editing! pic.twitter.com/XujbMFIiXu
The beauty of Auto Layout in action by Dmitriy Bunin.
Responsive dashboard template made with Figma.#uidesign pic.twitter.com/FnIc3c8QJR
— Dmitriy Bunin (@buninux) March 23, 2023
Another week, another topic for designers to argue about (even Figma had to chip in)! 100% agree with Yasir: “Designers skeptical about Figma’s Auto Layout probably haven’t tried coding their designs. Once you do, you’ll see everything in code is about stacks and Auto Layouts. It’s a basic principle, not a style choice.”
Still not a fan of auto layout? pic.twitter.com/6QUlfuiZBG
— Yasir (●ᴗ●) (@yasirbugra) February 28, 2024
Ridd with a step-by-step process for nailing dark and light modes in Figma. Love his way of thinking about counterpart colors on the opposite ends of the spectrum for specific use cases — texts, backgrounds, borders, and icons.
It's taken me over 4 years...
— Ridd 🤿 (@ridd_design) February 26, 2024
But I think I finally have the perfect method for nailing ☀️/🌙 modes in @figma
Here's my step-by-step process 👇 pic.twitter.com/tr2QJQZcxG
Creating beautiful gradients in Figma just got easier! New controls for flipping and rotating gradients (see why they’re separate controls), displaying the gradient stop position in percentage (another yay from me!), and even better-looking defaults (although they’re bringing back the old behavior if you add a gradient on top of another fill).
Working with gradients in @figma just got a little easier!
— Jackie Chui (@jackiechuichui) February 28, 2024
Here are some highlights from this little big update:
1. Default gradients now look better and adapt to your layer's shape pic.twitter.com/uhhQbNQiNO
Beautiful illustration by Pawel Olek. Ridd is spot on — we’re entering the “circuitry era of web design”.
The new webpage background I am creating in Figma for @BuddyGit pic.twitter.com/Rjtz8DuHql
— Pawel Olek (@emblemo) February 22, 2024
Beautiful illustration of a Brain turntable made in Figma.
Braun SK-61 Turntable/Tuner illustrated in @figma #daretoshare24 pic.twitter.com/jcZiyfuS5Y
— Lee Black (@mrblackstudio) February 17, 2024
Some colors have established semantic uses — green for positive feedback, red for errors, and yellow for warnings. But what happens if your brand is based on one of them? Molly looks at how Netflix & Lego, Spotify & Quickbooks, and Hertz & McDonald’s handle this challenge. Her takeaway: either embrace the situation and use the brand color for semantic values, or introduce a new distinct color shade (i.e. orange for errors), but do not use two similar colors for different needs.
Q: My brand color is red/green/yellow, am I doomed?
— Molly Hellmuth (@molly_hellmuth) February 15, 2024
A: Nope! Take a look at how other popular brands are handling this. Their solutions might surprise you!
Here are a few examples.. pic.twitter.com/HL5m3P9EPe
Anthony DiSpezio shows how merge reviews now ignore top-level sections, allowing you to review changes at the frame or component level.
🎁NEW @figma UPDATE: Better compatibility with sections when reviewing branch merges!
— Anthony DiSpezio (@adispezio) February 15, 2024
Merge reviews will now ignore top-level sections, allowing you to review changes at the frame or component level. pic.twitter.com/SmRgD6a7yH