Show HN: Figma-Use – CLI to Control Figma for AI Agents

Why It Matters

figma-use dramatically lowers the cost and latency of AI‑driven design automation, making real‑time UI generation practical for developers and enterprises.

Key Takeaways

• CLI replaces verbose MCP JSON with concise commands.
• JSX input leverages LLM familiarity with React components.
• Render command uses Figma multiplayer protocol, ~100× faster.
• Supports component variants, variables, and full design system creation.
• Includes SKILL.md for seamless integration with Claude Code agents.

Pulse Analysis

Design tooling has long been hampered by verbose APIs that eat up tokens and slow down iterative workflows. The figma-use CLI sidesteps this bottleneck by translating simple command‑line arguments into Figma actions, cutting token footprints from roughly 200 to under 50 per operation. This efficiency is especially valuable for large language models, where every token incurs cost and latency. By exposing a thin, token‑light layer over Figma’s capabilities, developers can script complex layouts without the overhead of traditional MCP JSON payloads.

The decision to accept JSX as the primary input format is a strategic nod to the training data of modern LLMs. Since these models have ingested millions of React components, they can generate syntactically correct JSX on the fly, eliminating the need for bespoke schema definitions. The render command then compiles this JSX into native Figma nodes, supporting frames, text, auto‑layout, component variants, and variable bindings. This bridge between code and design accelerates the creation of design systems, allowing teams to prototype, iterate, and version UI elements at a pace previously reserved for code‑only environments.

For AI agents, figma-use provides a ready‑made skill file that maps every CLI command to a callable tool, simplifying integration with agents like Claude Code. The result is a unified workflow where an AI can draft a component in JSX, invoke figma-use to materialize it in Figma, and immediately retrieve the design output for further refinement. As enterprises adopt AI‑augmented design pipelines, tools that combine token efficiency, speed, and developer familiarity will become essential infrastructure, positioning figma-use as a cornerstone of next‑generation product development.