An interesting new plugin that brings reusable CSS-like classes to Figma — set all the style properties on a frame, save it as a class, then apply all those properties to other frames in one click. Right now, it just saves all properties to a class, but an obvious improvement would be letting the user choose them individually.
This is a very smart workaround, but I’m often reluctant to rely on 3rd-party plugins for core workflows. I wish Figma styles would be extended to support multiple properties (i.e., applying fill, stroke, and radius as a single style) or they could be abstracted and reused through a parent component with a slot (similar to passing children prop in React).
“Recently, we introduced two new features for improving design & development collaboration. In this video, we’ll explore these new features and show how they can assist you during handoff. First, we added categories to our annotations features which makes it easier to communicate design intent and improves navigation for developers. Second, we added our new eyedropper tool to Dev Mode making it easy to copy color values, styles, and even code syntax.”
A rare feature that’s both underrated and long-awaited.
“Grid is a new auto layout option that makes it easier to design responsive, flexible layouts. In this playground, you’ll learn how to use rows, columns, span, and more to create everything from galleries to bento boxes to card layouts.”
Luis shows how to design a data table with grids. This is one of the grid applications I’m most excited about. Notice how he adds notes with the new annotations tool as well — I’ve been using it more and more for notes lately, while keeping comments limited to discussions.
A help article on the new grid flow for Auto Layout.
A new plugin that generates smooth transitions between two shapes by creating intermediate states.
Molly shares a tip from Brad Frost’s new course on reusing “core tokens” across multiple brands.
It’s been a year since Figma introduced the new UI at last year’s Config. The beta is over and the previous UI is no longer supported, everyone has been moved over to UI3.
“Generate stunning fractal patterns with mathematical precision. Fractalix creates beautiful recursive designs perfect for backgrounds, textures, and digital art. Customize complexity and style with one click.”
Miggi explains how to document your design work using Measurement and Annotation tools.
The new curved connectors mode for right-brained people. I’ll stick to my neatly organized “elbowed” connectors.
The new Edit Image feature allows changing an image using prompts, powered by gpt-image‑1. The Make an Image feature got an AI model picker so users can choose between gpt-image‑1, Gemini Imagen 3, or Titan V2. Additionally, the AI beta was rolled out to all Professional, Organization, and Enterprise plans. If you’re not seeing AI features, check that your Admin has your AI access toggle turned on.
Displays Dev Mode annotations across all pages in a single list.
Wow, this looks incredible for mini-interactions. Looking forward to trying Magic Animator by Lottielab soon.
Jesse Showalter explores 5 latest features: Lock Aspect Ratio, Collapse Layers, Reorder Modes and Collections, Accessibility Contrast Information, and Copy and Paste Styles.
The design community never lets a good meme opportunity go to waste. “Figma slapped Swedish AI coding startup Loveable with a cease-and-desist warning for naming one of its new product features “Dev Mode.” It turns out Figma successfully trademarked the term Dev Mode in November last year, according to the US Patent and Trademark office, having introduced its own Dev Mode feature in 2023.”
In her blog post, Alice Packard explores innovative applications of Figma variables beyond traditional light and dark modes. She outlines 11 use cases — including validation styling, asset availability, breakpoints, brand themes, seasonal promotions, subscription levels, loyalty statuses, authentication states, interface density, contrast settings, and levels of fidelity — demonstrating how variables can enhance design systems by enabling dynamic UI adjustments and improving collaboration between designers and developers.
Create QR codes for websites, text, Wi-Fi, calls, and messages with custom styles. After generating a custom QR code, click “Get QR Code” to add it to your Figma designs.
“Connected Projects makes it easy for freelancers and agencies on different Figma plans to collaborate seamlessly with clients. Work together to co-edit designs, and share resources like libraries — all while staying on your own Figma seat.”