# Figma Generator

> Gera assets de design no Figma a partir dos diagramas Mermaid validados. Cria frames, componentes e flows organizados por tipo de diagrama. Sub-skill do pipeline Omni Architect (Phase 4).

- Skill: `fabioeloi/figma-generator` (Agent Skill)
- Install (CLI): `npx skillmds@latest add fabioeloi/figma-generator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/fabioeloi/figma-generator/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: fabioeloi (https://skillmd.com/u/fabioeloi)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/fabioeloi/figma-generator

---


# Figma Generator

## Processo

1. Conectar à API Figma (REST API v1)
2. Criar/localizar página no arquivo
3. Para cada diagrama: criar Frame com auto-layout
4. Mapear nós Mermaid → componentes Figma
5. Aplicar design tokens (cores, tipografia, spacing)
6. Criar conexões visuais (arrows, lines)
7. Gerar variantes responsivas se aplicável
8. Adicionar anotações de dev
9. Criar página de índice com links

## Rate Limiting

- Exponential backoff: 1s, 2s, 4s, 8s (max 5 retries)
- Batch creation para minimizar chamadas API
- Cache de componentes já criados