figma-use-cli
OfficialControl Figma from the command line
Design & Creative#figma#command line#design automation#remote debugging#component variants#export to jsx#node querying
AuthorAradotso
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the problem of manually creating, modifying, and exporting Figma designs by providing a repeatable command-line workflow that agents can drive end-to-end.
Core Features & Use Cases
- Create and edit Figma nodes: Generate frames, shapes, text, icons, and images; then modify properties like fill, size, position, layout, radius, and opacity.
- Inspect and query designs: Traverse the node tree and retrieve node details, plus run XPath-like queries to locate specific layers/components.
- Export to multiple formats: Export PNG/SVG, generate JSX, and output Storybook stories for design-to-code handoff.
- Support declarative design generation: Render Figma scenes from JSX and define component/component-set variants for reuse.
Quick Start
Run figma-use status after starting Figma with remote debugging enabled to confirm the CLI can connect and then proceed to create or export nodes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma-use-cli Download link: https://github.com/Aradotso/design-skills/archive/main.zip#figma-use-cli Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.