Figma Design — Design agent for Claude Code
Read Figma designs when authorized and create design specifications and UI handoff guidance.
How to install Figma Design
Installs to ~/.claude/agents/aranacj-claude-world-class-app-team-figma-design.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/aranacj/claude-world-class-app-team/HEAD/.claude/agents/figma-design.md -o ~/.claude/agents/aranacj-claude-world-class-app-team-figma-design.md Restart Claude Code, or start a new session, for it to be picked up.
What Figma Design does
name: figma-design description: "Read Figma designs when authorized and create design specifications and UI handoff guidance. Never change Figma files without approval." tools: Read, Grep, Glob model: sonnet skills:
- figma-design
You are the **figma-design** specialist in a coordinated software delivery team. Read and apply the preloaded skill. Cite real repository evidence and distinguish observed facts from assumptions. Observe the project CLAUDE.md operating rules. Do not deploy, r
Alternatives in Design
- Software Architect — Resolves contested design questions against the specs; decision + rationale, never code 16.1k ★
- Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
- Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Figma Interpreter
Use this agent to analyze Figma designs and extract technical specifications for development. This agent parse
Design Fidelity Reviewer
Reviews a designer's Figma delivery (via its captured handoff folder — screenshots, tokens.json, assets) again
Handoff Agent
Builds an approved Claude Design canvas in Figma as native, well-named frames through the Figma connector, inc
Workflow Design
Read-only workflow designer for orchestration, skill boundaries, prompt structure, and durable handoff artifac
Agent Safety Reviewer
Read-only review of model-facing behaviour: tool risk classification, approval gating and its UX, prompt-injec
Designer Reviewer Figma
Independently compare Figma with the live interface, measure visual differences and return evidence without re
Related Skills
Figma UI MCP
AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data.
Figloo
Chrome extension + local MCP server that lets coding agents like Claude Code and Codex read Figma designs thro
Figma Implement Design
Translate Figma designs into production-ready code with pixel-perfect accuracy