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).

fabioeloi 8839d19 801 B Updated

File contents

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

fabioeloi/omni-architect/tree/main/skills/figma-gen commit 8839d19154

Frequently asked questions

npx skillmds@latest add fabioeloi/figma-generator