Miggi explains how to control the behavior of text fields with visual and keyboard shortcuts without touching the auto width/​height or fixed size controls in the Design panel.

Ana Boyer on creating a component API — a process of defining how you will approach constructing and naming your components across all of your libraries and documentation that will be consumed by your design and engineering teams.

“SVG Pattern Builder allows you to create, customize, and download unique animated SVG patterns for your web and design projects. Great for Figma, Framer, Webflow and video projects.” Made by Meng To from Design Code with a lot of help from Claude AI.

Day 8. Improved language support in the Tone Dial.

Day 9 brings new slick transition controls to customize the duration, easing curve, delay, etc.

Day 7 drop makes it possible to add all the slides into the deck with no need to choose right away.

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.

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

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.”