Add a component from Figma

studio:component:add generates a code component from a Figma design and writes the component file, its style file, and metadata into your project. It detects your project's styling method (Tailwind, CSS Modules, styled-components, or vanilla CSS) and matches it.

Use it when your team designs in Figma and you want the code component scaffolded for you instead of hand-writing it.

csdx studio:component:add --component-id=component-123

You get the component ID from the Studio Figma plugin. If you omit the flag, the CLI prompts for it. During the run it also shows hints and asks for an optional prompt to steer generation.

To override the detected styling method, answer the CLI's interactive prompt (for example "Use CSS Modules instead of Tailwind").

• Generate components from Figma: the concept and the LLM equivalent of this command.
• Sync a component to the Figma plugin. The reverse direction: expose an existing code component to designers.
• Studio CLI