Gemini 4 Argon, Google’s latest model, is now in the Figma Make model picker on all plans.

Four ways to make motion consistent and easy for non-motion designers on your team: components, easing and timing variables, custom animation styles, and plugins you generate with the agent.

Figma Make gets a real backend. Payload, the open-source CMS Figma brought in last year, now powers data-backed apps straight from a prototype, with content that stays bound to your design system.

Custom animation styles ​“let you define your brand’s motion language and create reusable animations that can be applied to any object.” A style is built from one or more preset animations, and the timing and easing inside it can use variables, so the motion follows your design system.

Figma designer advocates Brett McMillin and Kaitie Chambers take static museum app screens to a finished launch live: agent-generated keyframes become animation styles, which use easing and timing variables, so changing one curve updates every screen. Variable modes then switch the same motion between a smooth and an expressive feel. ​“Motion can now finally be treated as part of the design system fully instead of something you have to build every time.”

This is another step in Figma’s quiet effort to make auto layout speak CSS. After Around and Evenly spacing in Issue #259, vertical auto layout now wraps into new columns the way flex-direction: column with flex-wrap does in the browser. Handy for multi-column menus, legends, and lists that need to stay responsive as content changes.

Four Figma Motion files from Figma’s own motion designers, each with one technique worth reusing: Fabien Rousseau’s tarot cards built from nested components (with a trim-path waterfall), Brett McMillin’s rotating rings under a pile of shaders, Gilles Desmadrille’s brand animation pulling colors from library styles, and an agent-built menu.

“Weave tools turn creative workflows into simple tools anyone can run from the Figma canvas. In this video, you’ll learn how to create a Weave tool from a workflow and publish it to the Figma community.”

Copy a frame from Figma Design, paste it into Figma Weave, and it becomes a node in your workflow. You choose which text and image layers the workflow can change, and the fonts, layout, and spacing stay exactly as designed. Edits sync both ways, so every connected asset stays current.

Shaders apply either as fills that generate patterns, gradients, and textures, or as effects that modify how a layer looks, and both animate on keyframes. The last 10 seconds are the interesting part: you can describe the motion to the Figma agent and have it apply the shader with a first set of keyframes for you to adjust.

Figma shipped an escape hatch for the left navigation rail without announcing it. Figma menu > View > Minimize left navigation bar, sitting right above Minimize UI (⇧⌘) but with no shortcut of its own.

Piers Cowburn opens his shaders file for Show Your Work series. The interesting trick: regular Figma effects apply after shaders, so to blur something before the shader reads it, you have to wrap it in a frame. Those soft gray fringes are exactly what his mosaic shader converts into color and shape.

Anthony DiSpezio, Designer Advocate at Figma, builds a Make kit from an npm package. Make auto-generates a starting version of the guidelines, and Anthony offers a few rules for making them more effective – assume the agent knows nothing, split guidelines into categories so it doesn’t drown in context, include real usage examples, and spell out the gotchas. Before publishing your kit, calibrate against the model’s pre-training biases and test how it actually reads your UI.

The skills demo is the one to watch. Rodrigo calls a slash command for a skill his teammate Tammy wrote in plain English, carrying her own design-review conventions, and the agent returns the critique as annotations right on the canvas. Team practice becomes a callable command.

Vector editing in Figma now works by hand rather than by node. Erase a stray mark directly instead of hunting down the points that made it, then drag a color or gradient across several closed regions in one pass.

Weave is now callable from ChatGPT, Claude, or Cursor. Ask the agent to run the brand mockup tool you built in Weave, and it finds it, runs it, and returns the result in chat.

Six small curve editor fixes shipped since Config by Jakub Świadek, designer on Figma Motion: auto-scaling graph bounds, shift-snapping handles, arrow-key nudging at 0.01, and a scrub line showing exactly where on the curve the playhead sits.

The first of four new short official tutorials on Figma Motion explains easing. The detail worth taking away is that custom easing curves can be saved as variables, reusable across your entire design system.

Two tiers of preset – basic animations move a single property, composite ones bundle several plus custom easing out of the box. Once applied, an animation shows up as a blue track on the timeline, where you drag the track itself to set delay and drag its handles to set duration.

“Path trim lets you create animated lines by controlling how much of a path is visible at specific points in time. You can use path trim to create draw-on or erase effects, handwriting animations, and looping spinners.”