Figma has launched Figma Motion, a native animation timeline integrated directly into the Figma canvas alongside Design, Draw, and Dev modes. Designers can now keyframe position, scale, rotation, and opacity; apply preset animation styles; and use the Figma AI agent to generate keyframes from text prompts. Motion supports animated components that carry animations across design system files, motion variables for consistent easing and timing, and shader property keyframing. For handoff, Dev Mode exposes the full timeline with copyable CSS, JSON, React, and motion.dev code. Animations are also MCP-compatible for coding agents. Export options include MP4, GIF, SVG, and WEBM. 3D transforms are coming soon. Motion is currently in open beta with tiered access by plan.
