Nanda Syahrasyad explains how to export SVGs with individual paths from Figma to be animated with CSS. This article is a part of his Interactive SVG Animations course that will be launched this fall.

Quality-of-life improvement in FigJam — regardless of connector and shape styling, they will always have the same optical spacing. Also, alignment indicators now appear only when needed and are hidden when the object is being moved across the board. So much cleaner!

An incredible plugin made by Chen Chen that helps manage and synchronize variable changes. It works as a Git client for variables, letting you track changes, save and restore versions, generate a changelog, export variables to CSS, or sync to GitHub. I bet this plugin will soon become a staple of all design system teams.

Joel Miller, one of the product designers behind UI3 at Figma, walks us through improvements the team is making based on the user feedback: Clip Content is a checkbox again, constraints are more efficient to use, pixel values are brought back to the resize controls in Auto Layout, more actions are shown for a layer, library information added for components, frame orientation controls are back, and blend modes improved. Kudos to the team for listening to the community!

We can’t be friends if you do not react to a new Figma drop in the same way.

If you’re on the Enterprise plan, workspace members can now pin files to the top of their workspaces. ​“Pinned files help users designate important, shared content so that workspace members can get started with the right resources.”

A new version of the Style Setuper plugin that makes setting up text and color styles a breeze now creates text styles using type variables, so changing your font properties is very easy.

A widget that makes all your local variables and styles visible. You can narrow down the list to a specific collection or type.

Luis shows where styles and variables can be used in the Figma UI.

The Lil’ tool for creating pixel-perfect icons in a 16×16 grid, all in vector format.

Tyler created a short tutorial on making a realistic light beam using simple shapes, a blend mode, and a blur.

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