Tellfigma — AI skill for Claude Code
The missing piece of the AI + Figma loop.
How to install Tellfigma
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open mrpeterperez/tellfigma and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Tellfigma does
The missing piece of the AI + Figma loop. Create and edit designs directly on the Figma canvas from Claude, Cursor, VS Code, or any MCP app. One command. No API key. No plugin. Just npx tellfigma.
Alternatives in AI
- Codeburn — Free, local tool to track AI coding token usage and cost across 37 tools and agents (Claude Code, Cursor, Code 9.7k ★
- Open Pencil — AI-native design editor 8k ★
- Cursor Talk To Figma MCP — TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c 7k ★
README
tellfigma 🎨
[](https://www.npmjs.com/package/tellfigma) [](https://www.npmjs.com/package/tellfigma) [](https://opensource.org/licenses/MIT) [](https://nodejs.org)
What is tellfigma?
**tellfigma is an open-source MCP server that gives AI assistants full read-write access to Figma.** It's the only Figma MCP that can create, edit, and delete designs — not read-only, not one-way, the real thing.
Every other Figma AI tool? Read-only. They can *look* at your designs. Cool. So can my eyes. 👀
tellfigma **writes** to Figma. Creates frames. Builds full pages. Edits properties. Takes screenshots. Inspects everything. The whole loop. Works with **Claude Desktop**, **Claude Code**, **VS Code GitHub Copilot**, **Cursor**, **Windsurf**, and any MCP-compatible AI client.
npx tellfigma
One command. No plugin. No API key. No OAuth dance.
🤔 Why does this exist?
Real talk — I had to update **hundreds of components** in Figma. Create a ton of variable options for toggles, states, themes. The kind of repetitive bulk work that makes you question your career choices at 2 AM.
So I built a script to do it. Just a quick hack — Chrome DevTools Protocol, talk to Figma's Plugin API, change everything in one shot instead of clicking 400 times.
Then I realized: wait, what if I let an AI write the code instead of me?
So I wired it up to Claude. Asked it to create a button. It created a button. Asked it to build a full settings page. It built a full settings page. Asked it to read my codebase first and match my design tokens. It did that too.
That quick hack turned into tellfigma. The
Related Skills
Wuwei
Free, open-source, local-first AI agent desktop app — a Claude Code / Cursor / Copilot alternative. Reads & wr
Smart Switch
Multi-app model provider switcher: manage OpenAI/Anthropic-protocol providers (base URL + API key + models) an
Mobile Harness
Claude Code on Android: AI-powered mobile coding IDE for Android — chat with a coding agent, run Linux command
Metaharness
🛠️ The meta-harness for AI agents — scaffold your own focused, branded agent harness with its own npx CLI, MC
Lean Canvas Template
Answer nine questions. Ship the smallest app that tests your riskiest assumption. A Lean Canvas template for b
Open Agents Builder
AI Agents are missing the UI! We're here to change it. Build Business AI Agents for your company: business wor
Related Agents
Canvas To Code Extractor
Decodes any design-source HTML (Claude Design bundle, Figma Export-to-Code, V0, Lovable, Webflow, generic HTML
Builder Solver 1
Parallel Builder Solver - Implements assigned piece of a decomposed plan. Used by parallel-builder skill. DO N
Wiki Canvas
Use this agent when generating Obsidian Canvas visualizations during automated maintenance cycles. Typical tri