Introducing Figma Motion: Your canvas now has a timeline

This post details the introduction of a native animation timeline to the Figma canvas, allowing for direct keyframing of motion properties (position, scale, rotation, opacity). It introduces auto keyframing, time-based comments for collaboration, and preset animation styles. The capability extends to building animated components and motion variables for design systems. Integration with Dev Mode provides inspectable timelines and exportable code (CSS, JSON, React, motion.dev). The Figma agent is leveraged to assist in generating motion directly on the timeline.