Sync a component to the Figma plugin
Last updated September 8, 2026
studio:component:sync makes one of your code components available in the Figma plugin's mapping dropdown, so designers can link Figma layers to it. Use it when your team works Figma-first and you want designers to see which components exist before they design.
Usage
csdx studio:component:sync --component-path=src/components/Card.jsx
The component path is required. If omitted, the CLI prompts for it.
Flags
| Flag | Alias | Description |
|---|---|---|
| --component-path | -p | Component file to sync (required) |
See also
- Add a component from Figma. The reverse direction: generate code from a design.
- Generate components from Figma
- Studio CLI