Feature6 min
Import Figma na home
Cole a URL do Figma, selecione frames e abra o projeto com a IA alinhada ao design system.
Figma
Designers já validaram no Figma — não precisa redigitar specs. Import Figma na home extrai frames, tokens visuais e estrutura para o agente bootstrapar o app com fidelidade ao layout original.
Carregando demo…
Passo a passo
Tutorial interativo
Na home do Vibe, selecione Import Figma. Tenha a URL do arquivo com node-id do frame desejado.
Casos de uso reais
Casos de uso — clique no perfil
Figma aprovado, dev atrasado
Prompt exemplo
“Import frame Home + Pricing → implementação”
Resultado no Vibe
Site fiel ao design em horas, não semanas
Como usar
- Na home, clique Import Figma
- Cole URL do arquivo com node-id do frame desejado
- Selecione frames no preview em grid
- Confirme import — o editor abre com contexto visual anexado
- Peça implementação responsiva mantendo cores e tipografia