figma-augment-parallel
Installation
SKILL.md
Figma MCP + Augment: Parallel Agent Workflows
Always use frame-level links (copy from Figma address bar), not file-level URLs. Rate limits apply per tool call — plan parallelism accordingly (Pro: 200/day, Enterprise: 600/day).
Tools
| Tool | Purpose |
|---|---|
get_design_context |
Frame structure as React + Tailwind |
get_variable_defs |
Design tokens (colors, spacing, typography) |
get_code_connect_data |
Maps Figma nodes → codebase components |
generate_figma_design |
Pushes live web UI → Figma layers (remote server only) |
use_figma |
Executes JS in Figma via Plugin API — write operations (alpha) |
Patterns
Design → Code (Fan-Out)
Assign one agent per frame link. Each agent: get_design_context → get_variable_defs → get_code_connect_data → implement.