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.

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.

Jamie Haberman, Education Designer at Figma, builds a kinetic type plugin with the Figma agent.

Comments attach to a moment on the timeline, and a single comment can carry several timestamps, so one note can flag three separate problems in one pass.

“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.”

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.

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.

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.

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.

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.

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.

Figma Make now has a properties panel and annotations. Select an element and adjust padding, corner radius, line height, z‑index, or border style with actual controls, or mark a spot on the canvas and describe the change in words, like ​“fade this button in after a 300ms delay”. The quiet part is credits: edits stack up in the chat panel staged and free, and only bill once you apply them. Dragging a slider costs less than explaining the same change to an agent.

Figma’s official intro series for Figma Motion, three short videos covering the timeline, keyframes, and motion paths. Start with the keyframes one, which quietly makes the biggest point: any layer property with a diamond icon can be animated, and that includes fills, effects, and shaders.

An hour with Miggi covering the full surface of Figma Motion: keyframes and eases, anchor points, easing and timing variables, loop tracks, motion paths, trim path on strokes, shader effects and fills, and a first look at 3D transforms. If the playlist above is the primer, this is the deep end, and there’s a community file to follow along in. One EDU caveat worth knowing: the Figma agent isn’t available on Education, so students work with the prebuilt shader presets instead of prompting their own.

Until now, screens brought onto the canvas from code landed as raw values, leaving a cleanup pass before anything matched your design system. Figma now auto-binds colors, type, and spacing to the variables already in your file — whether you copy a Make preview, generate from code through the MCP server, or capture a live page with the Chrome extension. More frames also arrive with auto layout enabled, which dovetails with the Flexbox-mapped auto layout update above. Run Check Designs as a second pass to catch anything the matcher missed.

Laura Fehre, Designer Advocate at Figma, teaches Motion to people who freeze up the moment they open motion software, by letting the Figma agent do the first pass. Prompt the animation, watch it build the keyframes, then refine the curves and springs yourself.

Miggi builds a loading spinner from one ellipse: swap the fill for a stroke with shift+X, sweep the arc tool to 75%, then round the end caps. In Figma Motion, the move is keyframing only the sweep value and deleting the start and ratio keyframes Motion adds by default, so it runs from 0.25 to a full 100%. Duplicate and stagger a few for a nested loader.

Miggi packs two Figma Motion tricks into one tip. Nest your animation inside a frame and the parent becomes a camera you can pan, zoom, and rotate. Separately, J and K jump the playhead to the next and previous visible keyframes.

Figma Community just got a new content type. Alicia Kranjc, Product Manager at Figma, walks through how to publish a Weave workflow to Community so anyone can find, copy, and run it. The demo workflow takes a single image and produces three video hero variations for different websites. Something that took its creator hours to build takes someone else a couple of minutes to use.

A deep dive into the principles that separate intentional motion from decoration: easing and timing, anticipation, overshoot, follow-through, hold, and settle. The piece makes a compelling case for grounding animation in real-world physics and film editing rather than trending motion work, and lands on a point worth keeping: as AI tools make quality motion faster to produce, skill and restraint matter more, not less.