Tweets

You can now rename files in the desktop app by double-clicking the tab name.

Describing design details with plain text is a nice way to communicate the intent to developers.

I look forward to the next release of Supa Palette with support for OKLCH and reusable configs!

Ridd argues that the pendulum has swung too far, and designers hating on design systems are missing the point. You might not need an enterprise-grade system with all bells and whistles, but every product can benefit from a set of simple components: ​“I’ll suggest design systems are most valuable when you DON’T know what the product will be… Investing in a set of core components minimizes the number of knobs you need to turn in order to iterate.”

I didn’t know I needed this until I saw it. Plan the presentation in FigJam, then turn it into a deck outline in Slides: ​“Think it in FigJam, present it in Figma: create a Figma Slides outline from a FigJam board with a few clicks.”

The desktop app on macOS now sports a refreshed app icon.

I love how Figma showcased the community work on a giant screen at Times Square.

In this clip of the Sneak Peek episode, Dion Chooi shows how LottieFiles organizes and uses components in Figma.

Molly recommends organizing components with sections to provide a hierarchy in the Assets panel and allow viewing components with a specific background color. Pro tip: set a background to a ​“danger” color for deprecated components.

Constraints and a blend mode now display inline when toggled on, or the default is changed.

Mike Bespalov is cooking something dope. The glass effect is very cool, but I love the displacement effect applied to the text even more. The plugin is not out yet, but it’s coming soon — can’t wait to try it out!

Brett from Designjoy shows how to achieve a cool visual effect with a Progressive Blur plugin.

Adrian prepared a short tutorial on how to set up Figma for mobile design using the right frame sizes, grids, Auto Layout, constraints, and system components.

Brilliant tip from Molly Hellmuth — create a special text style for labels where line height aligns to your grid. No matter what variable is used for padding, the height of your UI elements will be a multiple of the base grid. (This is also a nice way to keep your labels aligned with icons.)

Loren Baxter shares at Sneak Peek how to use Figma variables to design a dynamically colored UI for light and dark modes.

So much polish has been added to FigJam in the last few weeks! Now, you can change the color of connectors and their text independently.

Highly realistic illustration, made entirely in Figma by Fabian Albert.

Molly Hellmuth shares daily discoveries while working on the UI Prep design system update. There are great tips on pairing heading and body sizes, clearly marking a default text size, avoiding hiding components with a period or underline in the name, scoping variables in bulk, establishing a set of ​“surface” colors, removing a focused state, and including a special data text style for tables.

Small improvements to FigJam keep coming — now connectors can connect to the edge or arbitrary spots on an object, not just the NSEW cardinal directions.

Nathan A Curtis maintained ~2,000 slides worth of workshops and talks in Figma for four years, so his feedback on Figma Slides is worth listening to. His biggest complaint is a lack of templates and styles on the Professional plan, but in the replies Slides PM Mihika Kapoor confirmed that Pro templates are coming soon.