Design toolsHypeAlpha

Figma Motion brings a timeline to the canvas

Published 10 September 2026 · Source dated 5 September 2026

Figma launched Motion at Config 2026, adding a real timeline and native 3D transforms directly on the canvas. Output exports to CSS, JSON or Motion.dev and stays linked through Figma's MCP server.

Figma's Motion tool launched at Config 2026, adding a real timeline to the canvas plus native 3D transforms — rotate frames, vectors or text on the z-axis with a live preview, fully editable afterwards. The output isn't locked in Figma either: it exports straight to CSS, JSON or Motion.dev, and stays linked through Figma's MCP server so a coding agent gets the full motion spec, not a re-interpreted guess. For junior designers, this raises the bar on what a "polished" portfolio prototype looks like — static screens plus a hover state won't cut it for much longer. If you're on Penpot day-to-day, it's worth knowing this gap exists so you can speak to it in interviews. Still early beta/waitlist, so treat it as a preview of where the tool is heading, not something you need mastery of yet.

Coach

Watch a demo of Figma Motion this week and note what the CSS/JSON export looks like — then check whether Penpot has an equivalent on its roadmap.

Today's digest

Surf this topic: Design tools (opens in a new tab)

Source: figma.com (opens in a new tab) ·