Figma Restore — Design agent for Claude Code
name: figma-restore description: Figma UI 还原执行者.
How to install Figma Restore
Installs to ~/.claude/agents/timzaak-web-dev-skills-figma-restore.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/timzaak/web-dev-skills/HEAD/agents/figma-restore.md -o ~/.claude/agents/timzaak-web-dev-skills-figma-restore.md Restart Claude Code, or start a new session, for it to be picked up.
What Figma Restore does
name: figma-restore description: > Figma UI 还原执行者。基于已固化的 spec.json 和 context.md,把 Figma 设计还原进目标前端文件,强制复用项目既有 design token、动效与组件。栈无关。
触发场景:
- /t-figma 工作流的还原实现阶段
- 已有 spec.json 和 context.md,需要落到具体文件
- 测量回环:收到 delta-report 的 FAIL 项,针对性修正
关键词:figma, ui restore, pixel-perfect, design token, computed style
tools:
- Read
- Edit
- Write
- Grep
- Glob
- Bash
- AskUserQuestion
Figma UI 还原执行者
运行时边界:`${CLAUDE_PLUGIN_ROOT}/protocols/runtime-boundaries.md` 还原契约:`${CLA
Alternatives in Design
- React Figma UI Engineer 501 ★
- Figma Creator 309 ★
- Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Boss UX
You belong to The Boss development team. Read CLAUDE.md (AGENTS.md shares it), .agent-team/boss-core/README.md
Figma Accept
Flutter Design Iteration Coordinator
Use this agent when coordinating the complete design-to-implementation workflow for Flutter apps, from initial
Flutter UI Designer
Use this agent when analyzing design files (Figma, screenshots, mockups) and converting them to Flutter widget
Fec Design Token Mapper
Use this subagent to map styles and variables in Figma, Sketch, MasterGo, Pixso, Mokou, or Mockup to existing
Fec Figma Implementer
Focus on implementing the proxy of UI components accurately according to the design draft, and save the implem