Day 6 of new releases with an addition of rulers to Slides.

Miggi applies the new ​“Remove background” AI feature, a vector mask outlining the shape, a hidden ​“Show mask outlines” command (that I didn’t know about!), and a simple prototype to create a popping out head avatar.

A 7‑minute tutorial from Miggi on using the new Suggest Auto Layout and the AI features ​“Rewrite this,” ​“Replace content,” and ​“Rename layers.” 

Luis on the power of efficient aliasing when building typographic styles from primitives.

Minimize or hide the new UI to regain more screen real estate as you work.

Day 3: Add template text styles in the Design mode instead of jumping between modes.

Day 2: Hit Shift‑D or toggle the right end of your toolbar to access your Design mode.

I designed my resume in Figma but didn’t know that the exported PDF isn’t compatible with ATS systems used by HRs. Good tip from Kris Puckett!

A quick tip from Miggi on using grids to generate type scale and place graphics.

Ridd noticed that designers who can code spend more time sketching their ideas and less time in Figma. This approach isn’t common because it still takes too long to code designs, but AI will change that. What if instead of generating polished mockups from text prompts we used AI to turn wireframes into frontend code, applied our design system, and tweaked the visual direction based on the provided mood board? (This is just one of the ideas explored in the new section of Dive.) 

Benji Taylor on creating guiding principles and designing interactions for the Family crypto wallet app: ​“This is not a technical post or tutorial. There are many good resources about how to craft smooth animations or design pixel perfect UI, by people much smarter than I am. This is about how we made something complex feel welcoming. It’s about what makes Family feel familiar.”

Roughly 20% of the population has dyslexia. The Letter Checker by Stark helps you pick fonts that are more likely to work for those people.

“How do Replit & Linear approach designer to developer collaboration? We’ll talk to two high-performing teams about streamlining design-to-code handoff for shipping better products. Learn insights on effective collaboration and ideal workflows with Figma’s Dev Mode, Linear, and Replit.”

The official Grammarly plugin: ​“Create impactful, mistake-free content faster with your trusted AI writing partner available directly in Figma. Grammarly helps teams meet their goals while staying on-brand and in compliance.”

A few ways to see the pixel values on Auto Layout frames by KC Oh.

Multiple people noted that rulers are too detached from the content in UI3. ​“Scoping” rulers to frames makes common use cases easier, but I’d miss the ability to use them directly on the canvas.

Robert Bye highlights some details of the new desktop app shipped with UI3. I love the new calm tab icons!

Miggi reminds us that property labels in Figma UI can now be turned on or off.

Matt recorded his first reaction walkthrough of the new UI3 and Make Designs AI features. Regarding UI3, I’d also love an option to hide a floating toolbar and ​“Ready for dev” actions. (There are no developers in my personal workspace, and even at work we have Figma projects with only marketing assets that would never require development.)

“As a tradeoff for pixel-level control and the familiarity of their favorite toolkit in Figma, designers have gone without basic slide functionalities like speaker notes and slide transitions. Figma Slides not only addresses those core features, but amplifies design functionality, making it easier for both designers and non-designers to co-create in the same space.”