A big update to the Tokens Studio plugin introduces W3C DTCG format support, new variables exporting experience, using variables inside styles, typography tokens, and more.

The Styles Organizer plugin now supports all types of styles and variables, so it got a new name. This is one of my most used plugins for managing a design system and maintaining style consistency inside Figma files.

Christine Vallaure shares an updated list of her old favorites and plenty of new tips, highlighting what you might have missed when working with components in Figma. (Thanks for the friend link!)

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 widget that makes all your local variables and styles visible. You can narrow down the list to a specific collection or type.

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.

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.