Jackie Chui, a Product Designer at Figma, shares a few more quality-of-life improvements to Auto Layout that the new Suggest Auto Layout feature might have outshined.
“We’ve updated Auto Layout to make it more predictable when you need it and easier to ignore when you don’t. Now, Figma can not only suggest when multiple frames of Auto Layout might be needed for a full design element, but also create those frames for you. This will save you time from having to apply it frame by frame within a design. Plus, you can hold Ctrl to ignore Auto Layout while dragging a design element into an Auto Layout frame to set an absolute position.” Try it out at the playground.
Daniel Destefanis from Figma made a plugin that shows how text layers within a selection are styled (or unstyled). This plugin complements the existing native Figma feature Selection colors and is a great way to see what layers aren’t using styles or select layers by font. Read more in Daniel’s Twitter thread.
Gavin Nelson made a beautiful alternative icon for the desktop Figma app.
Double Glitch made a new tutorial on creating a real working parallax effect in Figma. Don’t miss the Community file as well!
Ridd explains how to make your components easier to use by exposing nested instances.
I had no idea that a Spread value in drop shadows can be negative! This effect could shrink the shadow and simulate the object’s elevation. The article explains the box-shadow
property in CSS, but luckily, Figma’s drop shadow is based on it and works similarly.
James shows how to achieve a very cool mesh gradient effect with simple tools: “It’s kinda silly how much you can achieve with a single blurred vector line, a gradient and a blending mode.”
Jacob Miller shares two variables tips to avoid the most common problems: 1) “Never create a mode that shouldn’t be set at the page level” (read more about inheriting a context), and 2) “Never publish a variable that users shouldn’t consume” (see why component-scoped variables can 10x the number of variables you ship). Don’t miss discussions in replies.
Essential Figma shortcuts as A4 and A3 posters, via Nick Babich.
Whoa, finally! Can’t believe this is getting fixed a few days before Config. Add bold, italic, underline, or strikethrough font style to a portion of text with an applied style without detaching it first.
Lots of small improvements and a few bigger changes, like an unread filter and inline comment replies.
Christine Vallaure made a responsive and modular type scale using a scaling ratio approach.
The other day, I was looking for a tutorial on a specific animation technique and found this course by Tim Gabe. It’s free and has high-quality content — worth checking out!
Designer Advocate Ana Boyer with a reminder to plan your tokens and variables implementation before creating them in Figma. “In general, building then refactoring your variables is much more work than taking more time to plan before implementing. As they say: measure twice, cut once.” (That said, making refactoring easier in Figma won’t hurt.)
A nice little update to the Figma mobile app. I like how the app is focused on real-world “jobs to be done“ instead of shoehorning the whole Figma experience into the phone.
The move of drafts to teams caused a big enough uproar in the Figma community to warrant an explanation from Dylan Field, the CEO of Figma. Dann Petty made one of the strongest arguments against this change.
The strong feelings made me wonder about the differences in how we use Figma, and it probably comes down to handling multiple accounts and teams. I usually have two Figma accounts — one for personal projects and another tied to my work email address. Each account has its own drafts, so my personal drafts are never mixed with work. If you’re a freelancer and a part of multiple teams with a single email address, all your drafts are mixed, and separating them can feel like an invasion into your personal space. I don’t share the strong feelings on this change, but can see where Dann and others are coming from. (Pro tip: I use a separate Figma Beta app for the personal account, so I never have to switch accounts in the app.)
Typography variables can now be scoped to limit which properties they can be applied to. For example, if you scope a number variable to font size, you can only apply the variable to font size.
Also, copying and pasting an object bound to local variables will no longer populate a file with local variables unless you choose to in a tooltip.
A collection of attractive geometric backgrounds, “generated by Human with AI”. Available for free for personal, studio, and commercial use.