Vijay Verma made a tiny plugin to simplify the vector editing workflow when working on illustrations. Here is how it started: “After releasing UI3, people have been complaining that the boolean task is a bit hard to find. So, I thought, why not create a tiny plugin with some of the most commonly used options for vector work?”
Sam Anthony explores the most effective methods to export, share, and hand off your designs in Figma.
Andrei Rybin shows his tools and methods for interface animations. Rive is a very interesting product I’ve been meaning to try for a while!
Small improvements to FigJam keep coming — now connectors can connect to the edge or arbitrary spots on an object, not just the NSEW cardinal directions.
At Config, Figma shared a roadmap to make Figma work better for freelancers and agencies. Last week, they launched the first step towards this commitment. Now, you can transfer work to your clients on Pro plans. In the process, you can keep a copy of the work for yourself, and clients can remove collaborators when accepting a transfer to avoid accidental upgrades.
Pointillism converts images into thousands of vector points. Customize the size and frequency of the dots to achieve the perfect look and bring a unified style to your designs. Compatible with Parallax, Shape move, and Physics animation plugins, it offers exciting animation possibilities.
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 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.