figma-cli
figma-cli is a command-line interface plugin for Claude Code and Cursor that enables AI assistants to build designs directly in Figma Desktop using natural language commands. Unlike API-based tools, it connects locally to Figma Desktop via Chrome DevTools Protocol, requiring no API key and bypassing Figma's rate limits entirely. Developers describe UI components in plain English, and the AI assistant executes the corresponding figma-cli commands to create real, editable Figma frames, components, and design tokens in real time. The tool includes 40+ shadcn/ui components, design system import/export capabilities, animation support via Figma Motion, and deterministic validation tools for CI workflows.
Key Features
Use Cases
- 01Building complete UI designs in Figma by describing components in natural language to an AI assistant
- 02Importing and syncing design systems from Tailwind, CSS variables, or design token files into Figma variables
- 03Extracting design tokens and component specifications from existing Figma files for documentation or transfer
- 04Validating design system consistency and catching drift in CI pipelines with snapshot testing
- 05Creating animations and motion designs using Figma Motion beta with AI-generated keyframes
- 06Working offline with local AI models to design in Figma without cloud dependencies
Related Plugins
View moreandrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
claude-mem
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Understand-Anything
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
figma-cli — FAQ
What is figma-cli and how does it work with AI assistants?+
figma-cli is a command-line tool that lets AI assistants like Claude Code and Cursor control Figma Desktop directly using natural language. It connects locally via Chrome DevTools Protocol, so AI can create real Figma components, frames, and design tokens without API keys or cloud services.
How do I install figma-cli with Claude Code or Cursor?+
For Claude Code, open the project folder and say 'Set up figma-cli and connect it to my Figma.' For Cursor, open chat and type 'Install github.com/silships/figma-cli and connect it to my Figma.' The AI handles installation, dependency setup, and connection automatically.
Does figma-cli require a Figma API key?+
No, figma-cli does not require a Figma API key. It connects directly to your local Figma Desktop application, which eliminates API rate limits and allows offline operation.
Which AI clients and editors work with figma-cli?+
figma-cli works with Claude Code (recommended), Cursor, and local LLMs via LM Studio or Ollama. It can also be installed as a Claude Code plugin using the plugin marketplace.
Is figma-cli free and open source?+
Yes, figma-cli is free and released under the MIT license. The source code is available on GitHub at silships/figma-cli.
What are the prerequisites for using figma-cli?+
You need Figma Desktop installed and open, Node.js version 18 or higher, and either Claude Code or Cursor. No Figma API token or plugin installation is required for the default Yolo connection mode.
How do I install figma-cli?+
Open the source repository on GitHub and follow its README. figma-cli is a plugin — MCP Agents Market links you directly to the official repo.
Is figma-cli free?+
figma-cli is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.