Figma Agent 2027
Motion™/
Mode

Create precise, production-ready animations right on the canvas. Ship animation straight to code.All of your animations are backed by real, production-ready code and exportable straight from Figma.

Create precise, production-ready animations right on the canvas. Ship animation straight to code.All of your animations are backed by real, production-ready code and exportable straight from Figma.

Create precise, production-ready animations right on the canvas. Ship animation straight to code.All of your animations are backed by real, production-ready code and exportable straight from Figma.

Figma Motion

Why Figma Motion? Motion design, where you design. Whether you’re motion-curious or an easing expert, it’s easy to stretch, bounce, and squash your designs.


Expansive creativity. Precise control.

Bring clarity and expression to your work. Animate loading states, hover interactions, logo styles, and more. The timeline’s the limit.


Build systems once. Apply them everywhere.

Motion systems let your whole team quickly add on-brand motion assets anywhere.

Pro-Level

Polished motion in a prompt Create pro-level animations using Figma’s agent. Use it for repeated moves or complex storytelling.

Pro-Level

{

01

}

Keyframes

{

02

}

Styles

{

03

}

Timing

{

04

}

Transitions

{

05

}

Variables

{

06

}

Pro-Level

Polished motion in a prompt Create pro-level animations using Figma’s agent. Use it for repeated moves or complex storytelling.

Pro-Level

{

01

}

Keyframes

{

02

}

Styles

{

03

}

Timing

{

04

}

Transitions

{

05

}

Variables

{

06

}

Pro-Level

Polished motion in a prompt Create pro-level animations using Figma’s agent. Use it for repeated moves or complex storytelling.

Pro-Level

{

01

}

Keyframes

{

02

}

Styles

{

03

}

Timing

{

04

}

Transitions

{

05

}

Variables

{

06

}

.

1

3

* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP