A carefully crafted iOS 18 UI Kit for Figma with native animations and built-in interactivity.
Nice to see that Figma addresses some of the early accessibility concerns with Figma Sites.
As Christine Vallaure writes, “if you want to master Figma’s new Grid, you need to know how CSS Grid works.” In this in-depth guide, she explains how both of them work and shows where Figma ends and the browser takes over to do the heavy lifting, so you don’t miss out on the flexibility, responsiveness, and layout power that only the browser can fully deliver.
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.”