Christine Vallaure shows how to keep type consistent across screen sizes: establish text styles once, map them to your layouts, and preview responsiveness before you ship.

A major update to Figma Sites. First of all, custom fonts are finally here! More accessibility features, like HTML tags on layers, accessibility controls, and ARIA role settings. Password protection for the portfolio you still won’t finish. A configurable cookie consent banner, and a new link shortcut with additional types like back and scroll to. Last but not least, Figma Sites is now available for all Starter and Education users.

Snapping to midpoints while using variable width strokes in Figma Draw just got easier. ​“When you hover with the width point tool, it’ll now hint at the midpoint of that segment so you can snap to the middle of two points (or even between two points themselves).”

New enhanced contrast toggle makes the Figma UI easier to read with higher contrast text, buttons, outlines, and selection, aligned with WCAG AA standards.

“The Community tab is back in the file browser, replacing the previous Templates & Tools tab, for easier access to your favorite public Community templates, plugins, and more. Now you can also easily discover internal templates published by your teammates with the new Resources tab in the file browser under your team space.”

“Explore ideas and riff on product flows with templates in Figma Make. Create an accurate representation of an existing product experience, then replicate it as a sandbox to experiment with design directions, new feature ideas, growth campaigns, and more.”

Somehow, I didn’t realize how powerful the pattern fill is in Figma. Another reminder from Miggi that you can select any source you want to be a pattern, and it will live update. You can control the pattern type, scaling, spacing, and orientation.

The Shape Builder is a newer vector tool added to Figma Design from Draw. First, Miggi shows how to use it to easily cut up a shape with a path. Next, he makes a yin-yang symbol with it in just a few seconds.

Admins on the Enterprise plan can now require password protection for all published Sites & Makes across your organization.

Lauri Lännenmäki shows yet another use case for Make — after designing a complicated component with different properties and states, make an interactive playground to give to the developers. Great opportunity to test edge cases and experiment with interactions.

Design Engineer Carmen Ansio on the change coming to translating visual ideas into solid code: ​“We’re on the edge of a massive shift, thanks to three things coming together: smart design systems in Figma, an AI-native code editor called Cursor, and a data bridge called the Model Context Protocol (MCP). We’re not just translating pictures anymore. We’re building machine-readable systems that an AI can understand and build from directly. This guide is for you, the person on the ground, showing you not just how to use this new workflow, but how to think about it.”

Motion designer Thibaut Crépelle reimagined the launch of the iconic iMac G3 with an animated video and an interactive page made in Framer. Really fun passion project executed with high quality and attention to detail.

My first Mac was a Mini G4 introduced in 2005, but soon after, I also got an iMac G3 because of its cool look. Watching this reel made me want to get another one again.

Emil Kowalski helps decide when and how to animate to provide a better user experience, starting with ensuring your animations have a purpose. I finished Emil’s course Animations on the Web this summer and highly recommend following his writing on motion and animation.

Mr. Biscuit explains the process of building a parametric button in Figma using the Variable Visualizer plugin.

A calligraphy artist Jake Rainis shares an interesting technique to improve your Bezier curves: ​“Plot your anchors as you normally would, but when you pull the Bezier handles to create curves, pull them at either a 0º angle (horizontal), or 90º angle (vertical).”

Tom Johnson lists 10 issues that make grids hard to use in Figma.

If you missed a 2‑hour-long video Vibin’ on Inflight shared in #221, Ridd shared a short snippet demonstrating an advanced technique of turning similar objects into instances of a component by using Select Layers, Master, and Destroyer plugins.

Unicorn Studio makes creating WebGL effects, motion, and interactivity easy for designers. Later, they can be embedded in Framer, Webflow, or any website.

Updates to AI-powered image editing features across all products — remove background or boost resolution for up to 25 images at once, and choose between Gemini 2.0 Flash and GPT Image 1 to get results that best match your prompt.

Fantastic resource from Mike Smith, where all of the Google Fonts that are actually good are categorized by ​“vibe”.