Figma
The collaborative interface design tool
4.9•1.5K reviews•12K followers
The collaborative interface design tool
4.9•1.5K reviews•12K followers
A collaborative design tool for creating user interfaces, mobile apps, and websites with a wide range of features, including vector editing tools, prototyping, and version control, all in a cloud-based platform.
This is the 32nd launch from Figma. View more
Figma Motion
Launching today
Motion now lives on the canvas—in the same file as your components, your variables, and your team—so your designs can come to life from day one.
Free Options
Launch Team
Flowtica Scribe
Hi everyone!
@Figma Motion adds timeline-based animation to the same canvas where the rest of your design already lives.
You can create keyframes, apply preset animation styles, use the Figma agent for a starting point, and then edit the motion directly on the timeline.
Dev Mode can show the full timeline, including timing values, easing curves, and keyframes. You can also copy CSS, JSON, React, or motion.dev code directly from the panel.
It is also MCP-compatible, so a coding agent can receive an animated frame with the motion context instead of guessing from a video or a written spec.
Figma also shipped a lot more at Config 2026!
This is a big step for design-to-dev handoff 🚀
Having motion timelines, easing, keyframes, and code export inside the same Figma file should reduce a lot of guesswork between designers and developers.
Curious how well the exported React or CSS matches production-ready animation code in real projects.
I think this makes perfect strategic sense for Figma to go into motion. So many users on the cuff that will now be able to contribute and create motion graphics AND, perhaps by doing so, enter new industries, e.g. Designers becoming PMMs.
minimalist phone: reduce your screentime
This is gold! I will share this with my team (we have a UX/UI designer), he may find this helpful!
ZapDigits
This is pretty cool