Menu da documentação · O que o agent recebe
Idioma Português (Brasil)

O que o agent recebe

Um frame, um zip. Estrutura para construir, assets para usar, uma imagem para conferir.

frame.zip
├── context.md                Start here: instructions for your agent
├── design/
│   ├── nodes.json            Layout, text, styles and expanded instances
│   ├── fonts.json            Font faces the visible text uses, with node ids
│   └── variables.json        Bound variables, collections, modes and aliases
├── assets/                   Image fills, SVGs and composited node renders
├── assets.json               Maps design references to asset files
├── references/screen.png     A render of the frame to compare against
├── missing-assets.json       Anything that could not be produced
└── manifest.json             File roles, media types, sizes and SHA-256 hashes

Precisa de uma parte só? A CLI faz isso direto:

npx -y @runkids/figlens find design.fig "login" --type FRAME     # IDs de frames por nome ou texto
npx -y @runkids/figlens inspect design.fig 12:345                 # resumo compacto de layout e texto
npx -y @runkids/figlens nodes design.fig 12:345 > frame.json      # JSON no formato REST
npx -y @runkids/figlens export design.fig 12:345 icon.svg         # SVG, PNG, JPG, WebP ou AVIF
npx -y @runkids/figlens bundle design.fig 12:345 frame.zip        # o zip acima

Exportações SVG incorporam os preenchimentos de imagem originais e convertem o texto em contornos de glifos, então nenhuma fonte é necessária. Via MCP, exportações raster também voltam como imagens inline, e o agent vê o design sem abrir um arquivo.

Qual é a proximidade com o Figma?

Medido contra as próprias exportações JSON, PNG e SVG do Figma em 826 frames de produção e cinco arquivos Community (2026-10-22):

Verificação Resultado
Estrutura, nomes, visibilidade, limites e texto dos nós Idênticos em 771 / 826 frames
Preenchimentos de imagem originais 2,608 / 2,608 idênticos byte a byte
Assets SVG 5,014 / 5,197 dentro do limiar de diferença de pixels
Bundles de frames Community 306 / 306 sem assets ausentes

Resultados nesses arquivos, não uma garantia para todo design. Método e limiares: relatório de precisão.

Esta página é gerada a partir de docs/README-pt-BR.md no repositório.