Figma Motion

Figma Motion empowers designers and developers to create precise, production-ready animations directly within the Figma canvas. Easily stretch, bounce, and squash designs, or leverage Figma's agent for pro-level animations and complex storytelling. Users have full command over the timeline, setting every frame and property with precision. Animate loading states, hover interactions, and logo styles, building fast with pre-made styles like Fade, Rotate, Scale, and Resize. Adjust timing automatically with autokey and customize keyframes with bezier curves and springs. Future updates include 3D transforms and smooth screen-to-screen transitions. Build motion systems for consistent, on-brand assets across teams. Ship animations straight to code, allowing developers to inspect timelines in Dev Mode and copy CSS, JSON, or React code. Integrate with AI agentic coding tools via the Figma MCP server and export animations as MP4, GIF, SVG, or WebM files.