Choreo

Choreo is a local-first design tool for choreographing state-driven UI micro-interactions on a real DOM canvas, exporting deterministic, zero-dependency, production-grade code (CSS / WAAPI / React).

This plugin acts as the bridge, allowing you to seamlessly capture your Figma designs and export them into Choreo, where Figma acts as your source of truth for structure and Choreo acts as the source of truth for behavior.

How it works:

Select a frame or component in your Figma document.

Run the Choreo plugin. The capture follows your selection live!

Click Copy for Choreo (or download the fallback .json file).

In the Choreo app, open the Document menu → Import from Figma… and paste.

The plugin intelligently extracts node properties and pre-exports assets (SVGs for vectors and PNGs for nodes that can't be represented natively). Once imported into Choreo, you can instantly start adding triggers, tracks, and keyframes to bring your designs to life!