Introducing Figma Motion: Your canvas now has a timeline

What this post added

This post introduces the Figma Motion feature, which adds a native animation timeline to the canvas. Key technical contributions include: timeline control with keyframing for position, scale, rotation, and opacity; auto keyframing; time-based comments; preset animation styles that can be stacked or sequenced; animated components that carry motion across files; and motion variables with modes for customization. It also details the integration with Dev Mode for exporting animation code in CSS, JSON, and motion.dev formats, and MCP compatibility. The post also mentions upcoming features like 3D transforms and shader effect keyframing.