Figma Use — Design skill for Claude Code
Foundational Figma canvas skill — structure, Auto Layout, variables, MCP tools, self-healing loop.
How to install Figma Use
Installs to ~/.claude/skills/memi-design-memi-figma_use/SKILL.md
mkdir -p ~/.claude/skills/memi-design-memi-figma_use && curl -fsSL https://raw.githubusercontent.com/memi-design/memi/HEAD/skills/FIGMA_USE.md -o ~/.claude/skills/memi-design-memi-figma_use/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Figma Use does
name: figma-use description: Foundational Figma canvas skill — structure, Auto Layout, variables, MCP tools, self-healing loop user-invocable: true model: opus effort: max context:
- skills/ATOMIC_DESIGN.md
/figma-use — Foundational Figma Canvas Skill
Base skill for all Figma operations. Teaches agents how Figma works — structure, Auto Layout, variables, MCP tools, and the mandatory self-healing loop. Load this before any /figma-* skill.
Freedom Level: High
Agents have full
Alternatives in Design
- Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
- Canvas — Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O 3.3k ★
- Guitar — by soramimi - Serves as development guide for Guitar Git GUI Client with build commands for various platforms 1.7k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Claude Design X Figma
Figma plugin that scrapes any live URL and rebuilds it as native Figma frames — auto-layout, fills, strokes, t
Claude To Figma
Turn Claude Design HTML exports into fully editable Figma files — semantic frames, auto-layout, components, an
Nxt Component
Generates a Next.js + TypeScript + Tailwind component. Auto-detects project conventions (naming, folder struct
Canvas To Code Guardrails
Editor-time lint reminders for projects using Canvas-to-Code. Auto-activates when the repo contains .claude-de
Sprite Stack Campfire Exploded
Create a single self-contained HTML file using only HTML, CSS, and JavaScript. No build tools or external asse
Sprite Stack Turntables
Create a single self-contained HTML file using only HTML, CSS, and JavaScript. No build tools or external asse
Related Agents
n8n Debugger
n8n workflow debugger with self-healing loop. Use PROACTIVELY when user reports workflow errors, failed execut
Figma Implementer
Turn a Figma design file into a build-ready specification — design variables mapped to Tailwind tokens, per-se
Figma Dx Specialist
Figma Designer-Experience specialist owning Figma's CODING surfaces — Dev Mode, Code Connect, plugin API, REST