Handoff

Handoff extracts design tokens from Figma files, annotates components, previews generated CSS, and builds static documentation sites via CLI. It bridges the gap between design and development by turning Figma designs into developer-ready specifications automatically.

Timeline-based animation inside Figma with keyframes, animated components, motion variables, and time-based comments. Dev Mode exports motion as CSS, JSON, React, or Motion.dev code.