Socrates vibe-coded a plugin that parses Tailwind CSS variables from tweakcn and imports them into Figma. No hassle, no aliasing — just variables named aligned with code.
“Organization admins at companies using Governance+ for Figma Enterprise can now prevent users with view-only access from copying, saving, or exporting files. These controls can be applied to guest viewers or to all viewers, and can be configured at the organization or workspace level to align with your data-sharing policies.”
Tailwind’s Dan Hollick shows Ridd from Dive Club how Claude Code ties into Figma’s MCP server to spin up an editable UI, sharing his prompting tactics and live-debug workflow along the way. Handy if you’re testing AI-assisted builds from real design files.
My sympathy goes out to web developers looking for Glass’s CSS in Dev Mode.
Figma’s newest product designer Rogie presents a new effect that allows you to manipulate light, depth, frost, and refraction to create dynamic elements that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass.
This effect looks incredible! So glad we won’t need to deal with hacky imitations. Don’t miss a breakdown of how Miggi made this video.
I purchased Emil Kowalski’s course on animation back in April, but started working through it only last week. Emil is a design engineer at Linear and previously worked at Vercel. The course is fairly technical and requires an understanding of CSS, JS, and React, but it does a really good job introducing Motion and explaining what separates good animations from great. It’s been very helpful as I’m working on a new personal website, so definitely recommend checking it out!
Tired of liquid glass yet? Sebastiano Guerriero shares a step-by-step process of creating a different type of colored glass buttons.
Brett from DesignJoy breaks down the process of creating animated mockups using Midjourney and Figma.
Grid improvements, offering more precision and control: delete rows and columns, set min and max, and adjust multiple grids with a faster grid picker. The Grid Playground community file was also updated with new features.
Customizable glass effect generator supporting background blur, color tints, and textures with export to CSS.
Copy image adjustments from one image to another. Just select an image on the canvas, click Copy, select another image, and paste the image adjustments there.
Sergei Chyrkov recorded a tutorial on imitating the Liquid Glass effect on a button in Figma.
Now you can bring an existing design library to Figma Make, so the model can extract color palette and usage guidelines, typography and custom fonts, as well as core styling elements. You can also manually define rules for the model to follow via a guideline.md file. Watch the above video from Make PM Holly Li, or read the help article.
You can now adjust the width of your stroke at any given point along a path with the new variable width stroke vector editing tool. Variable width stroke also makes it possible for users to draw with pressure sensitivity on tablets. Figma will set the stroke width to reflect the amount of pressure applied at each point when drawing with a stylus, which makes freehand drawing in Figma more realistic. (Still no iPad app though.)
“New in Dev Mode MCP Server: Annotations are included as design context. Generated code now benefits from both the structure of your design and your design intent.”
The new plugin automatically turns your entire Tailwind token set into native Figma variables and styles.
“You can now opt-in to receive push notifications from Figma in your browser, the same way you do in Figma’s desktop app. Once you allow Figma to send you notifications in the browser, you will be alerted to comment replies, @ mentions in comments, and @ mentions in the file (i.e. on a sticky in FigJam) in real time.”
Beautiful work by Tim Van Damme. See a sneak peek of a few more on their way.
Sweet, the text in Figma is now autocompleted with AI.