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

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.

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.

Two criteria do most of the work: cap-centered vertical metrics, and an x‑height at 70–75% of cap height. Hit both and labels optically center in buttons on their own, so a single padding token covers the whole system. Two alternatives are made by this foundry — Unifora and Innovator Grotesk, which I use on my personal website. The other eight are Universal Sans, Plain, SwissNow, Muoto, Aktiv Grotesk, Akkurat, Basier, and CoFo Sans.

Laura Fehre, Designer Advocate at Figma, demos three plugins she generated for herself: one that updates a component description and drops a changelog onto the canvas after a variant change, a print preflight that checks for 300 DPI and maps RGB to CMYK with die and safety lines, and a translation pass that duplicates screens into German, Dutch, and Japanese to catch overflow before shipping. The print one is the standout, since Figma has never handled prepress natively.

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.

Admins can now download a CSV showing credit use in beta AI features, giving a fuller picture of AI spend and something to forecast against. Organization and Enterprise plans only.

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.

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.

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.

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.

Figma reworked auto layout so it behaves like CSS Flexbox at handoff, closing the small gaps that used to force developers into workarounds to match the canvas. The border-box model is now the default: inside strokes count toward layout like a CSS border, outside and center strokes are excluded like an outline, padding is never squeezed below its set value, and auto gap collapses instead of going negative like space-between. New frames get it automatically; existing frames stay on the legacy version until you upgrade, with a revert option through January 2027.

Figma’s AI image editing now runs in parallel. You can kick off multiple edits from the toolbar and keep working while they process, with loading indicators for each. Small change, noticeable difference if you’re doing any volume of AI image work.

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.

Figma’s microsite for exploring the new Shader Fills feature announced at Config 2026. You can prompt, stack, and customize shader effects directly in the browser, then take what you’ve built back into the canvas. It’s a smart way to onboard people to a feature that could otherwise feel intimidating, and it doubles as a demo that shows off what the feature is actually capable of.

Nikita Prokopov makes the case that great UI isn’t just about nailing the start and end states of an animation, it’s about every frame in between. His rule of thumb: if you freeze the screen at any moment, you should be able to explain what you’re looking at. The post walks through a set of GIF examples — from Safari’s misaligned cursor-and-placeholder animation to YouTube’s inexplicable rectangle transition — showing how mid-animation frames that don’t hold up on their own erode user trust.