Tweets

In the past, the file browser and the community files required different thumbnail aspect ratios. Now, it’s standardized at 16:9 across Figma files, FigJam, and Figma Slides.

Figma added iPhone 16 (including Pro, Pro Max, and Plus), Apple Watch Series 10 (42mm and 46mm), and Android (Compact, Medium, Expanded) to the Frames menu. If you need vector iPhone 16 device frames for the prototyping, Keeyen published the community file with different models and colors.

Joey Banks shows one of the newly announced features. When objects are duplicated, rotated, and then duplicated again, Figma will continue that rotation with subsequent copies of your object.

Inga Hampton, Product Designer & Illustrator at Raycast, does pure sorcery in Figma.

My personal Figma account is on UI3, but I spend most of my days in a work account stuck on UI2. Surely I’m not the only one in this boat who found switching between two UIs quite distracting. Can’t wait to start using UI3 in my daily work.

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.