Home Para quem cria Banco de dados Automações Guia do Harness Falar no WhatsApp
Figma, v0, Stitch e a página no ar

Do layout ao site: o que entra é o print, não o arquivo .fig

Quem desenha procura uma IA que publique o site, não mais uma tela de proposta. Figma continua sendo a ferramenta de design. v0 e o Google Stitch geram interface a partir de texto. A FlexPage não importa .fig, não tem plugin de Figma e não publica a proposta do Stitch direto: ela recria a página a partir da imagem que você cola, e só grava com a sua aprovação.

Sem plugin e sem upload .fig Print com Ctrl+V, até 4 por mensagem Stitch gera proposta, não a página no ar
Três papéis que a busca mistura

Desenhar, propor e publicar não são o mesmo botão

A comparação útil para quem desenha não é “qual IA é mais criativa”. É qual ferramenta segura o arquivo-mestre, qual gera uma proposta quando o desenho ainda não existe, e qual coloca a página no domínio com SSL.

Figma

Onde o layout mora

Ferramenta de design. O frame, o componente, a versão que o cliente aprovou ficam lá. A FlexPage não lê esse arquivo, não instala plugin e não tem conector Figma. Exportar PNG ou JPG — ou tirar um print — é o que atravessa a fronteira.

v0 · Google Stitch

Proposta quando não há desenho

v0, no uso que o mercado faz, gera interface a partir de uma descrição. O Stitch faz o papel parecido dentro da FlexPage, como conector: devolve HTML pronto para ver, não para publicar. Nenhum dos dois substitui o frame que já foi aprovado.

FlexPage

A página no domínio

O Harness recria a página em HTML e CSS a partir da imagem, com os textos do negócio, e espera Permitir antes de gravar. Hospedagem e SSL inclusos. A proposta do Stitch é convertida e salva separada, sem alterar o index, até você aprovar.

A FlexPage não se conecta a Figma, a v0 nem a ferramentas de design além do conector que o painel já nomeia para este caso: Google Stitch, tipo design de interface. Canva, print de outro site ou foto de rascunho entram do mesmo jeito que o frame — como imagem. O passo a passo do print está em Figma e design; esta página é a comparação.
O que atravessa e o que fica

Arquivo, imagem, proposta, página no ar

Cada linha é uma expectativa comum de quem desenha e pesquisa “IA que publica o site”. A coluna da FlexPage só afirma o que a home, o guia e a página de Figma já afirmam.

Expectativa Onde o mercado resolve O que a FlexPage faz
Guardar o layout-mestre Figma. Componentes, versões, comentário do cliente. Não. Não importa .fig e não substitui o arquivo de design.
Levar o frame para a página Export PNG/JPG ou print. Não há ponte direta. Cola com Ctrl+V, até 4 imagens por mensagem. Alguns modelos não enxergam imagem; o painel avisa.
Gerar uma tela que ainda não existe v0, no uso comum, a partir de texto. Stitch, como produto do Google. Stitch por conector MCP. Gera HTML de proposta. Gasta cota do Stitch, não da FlexPage.
Publicar essa geração na hora Depende da ferramenta. Não descrevemos o botão de cada uma. Não. A proposta vem pronta para ver. O Harness converte, salva separado, sem alterar o index, e você aprova.
Site no ar, com SSL Quem gerou a interface ainda precisa hospedar, no fluxo típico. Hospedagem e SSL inclusos. Sitemap e robots rodam sozinhos. Sem promessa de posição no Google.

Preços de Figma, v0 e Stitch não estão aqui — mudam, e a cota do Stitch é da conta Google de quem gera. O plano FlexPage é mensalidade sem taxa de setup: Starter R$ 199, Professional R$ 399, Business R$ 599, Enterprise sob medida. Contratação só pelo WhatsApp, sem pagamento online.

Do frame aprovado à página

A imagem entra. O arquivo do Figma fica no Figma

O caminho é curto de propósito. Quem promete importação direta de .fig costuma devolver HTML com posição absoluta, difícil de manter e ruim para busca. A FlexPage lê o desenho, não o arquivo.

Exporte o frame

PNG ou JPG, ou um print do sistema. Não precisa recortar pixel a pixel. Página longa: um recorte por seção, cada um dizendo o que é.

Cole na sessão

Ctrl+V na caixa de mensagem, até 4 imagens. Diga o que cada uma é: home, rodapé no celular, tela que só existe num plano.

Diga o que muda

Cores e hierarquia do desenho; textos, telefone e formulário do site que já está no ar. A IA discute o que viu, não o que imaginou.

Aprove o arquivo

No modo recomendado, nada é gravado sem Permitir. Recusar não grava. O cartão mostra a alteração antes.

Homologação e Desfazer

A página de Figma descreve a revisão na homologação antes de publicar. Se algo desagradar depois, Desfazer volta os arquivos.

Quando o modelo não vê a imagem

Alguns modelos de IA não enxergam imagem, e o painel avisa. Nesse caso o print não serve de referência visual naquela sessão. Trocar o modelo, ou descrever o que a imagem mostra, é o contorno. Importar o .fig não é — essa porta não existe.

A lição Prints, planilhas, Word e PDF é o contrato: Ctrl+V ou o clipe, até 4 imagens por mensagem, e a IA também abre imagem que já está no site.

Quando ainda não há frame

Aí entra o Google Stitch, conector de design de interface, não um substituto do Figma. No painel, em Conectores, a URL é a do MCP do Stitch; a chave é criada na conta Google e vai no cabeçalho. Cada geração gasta cota do Stitch e leva de um a alguns minutos.

O HTML volta pronto para ver. O Harness converte para o padrão do site — CSS próprio, o envio de formulário da página atual — e salva a proposta separada, sem mexer no index. Você aprova antes de qualquer publicação. A FlexPage não revende cota nem garante o que o Google entrega.

Tipos de conector, inclusive o de design de interface, estão na lição Conectores por tipo. Vale deixar a geração do Stitch em “Pedir aprovação”: nada é gerado, e nada da cota é gasto, sem o clique.
Para a proposta ao cliente não prometer demais

O que não cabe dizer numa apresentação

Agência e designer perdem a conta quando a ferramenta de publicação finge ser a ferramenta de design. Estes cinco “não” cabem no slide antes do preço.

  • Não há plugin do Figma e não há botão “exportar para FlexPage”. O arquivo .fig não sobe. O que sobe é PNG, JPG ou print.
  • Não há conector Figma. O conector de design que a home e o guia nomeiam, neste papel, é o Google Stitch. v0 não está ligado à plataforma.
  • Stitch não publica direto. Proposta para ver, conversão para o padrão do site, arquivo separado, aprovação. A cota é da conta Google de quem gera.
  • Não é app de loja nem repositório React. A página fica no domínio FlexPage. Quem precisa do código em outro host, ou do binário na loja, está em outra busca: app sem programar e app mobile.
  • Não promete o lugar no Google. SEO da plataforma (sitemap, robots) roda sozinho; o Harness audita e corrige com aprovação. Posição é decisão do buscador.
Landing de campanha, o fluxo da agência e o detalhe do print estão em páginas próprias: landing pages, agências e Figma e design. Esta aqui só responde à comparação. Planos e contratação, se a conversa chegar lá: Starter R$ 199, Professional R$ 399, Business R$ 599, Enterprise sob medida, só pelo WhatsApp (44) 9800-7512, sem pagamento online.
Antes de prometer o layout no ar

Perguntas de quem vem do Figma

A FlexPage importa arquivo .fig ou tem plugin do Figma?

Não. Não há plugin de Figma, não há upload de arquivo .fig e não há conector Figma. O caminho é exportar o frame como PNG ou JPG, ou tirar um print, e colar na conversa com Ctrl+V. Até 4 imagens por mensagem. O desenho-mestre continua no Figma.

O que o Google Stitch publica no site?

Nada, direto. O Stitch é um conector de design de interface: gera HTML de proposta, pronto para ver, não para publicar. O Harness converte e salva separado, sem alterar o index, e você aprova. A geração gasta cota do Stitch, que é conta do Google, não da FlexPage. A FlexPage não revende essa cota.

v0 ou Stitch substituem o print do layout aprovado?

Não, quando o desenho já existe. v0, no uso que o mercado faz, gera interface a partir de texto, como o Stitch gera proposta. O layout aprovado no Figma entra na FlexPage como imagem colada, não como arquivo do Figma e não como um prompt que reinventa a tela. A FlexPage não se conecta ao v0.

E se o modelo de IA não enxergar a imagem?

O painel avisa. Alguns modelos não enxergam imagem. Nesse caso o print não entra na conversa como referência visual, e a orientação é trocar o modelo ou descrever o que a imagem mostra. A FlexPage não contorna isso importando o .fig — essa leitura não existe.

A página aprovada já fica no ar?

No modo recomendado, nada é gravado sem Permitir. A página de Figma descreve a revisão na homologação antes de publicar, e o Desfazer volta os arquivos se algo desagradar depois. Hospedagem e SSL já estão no domínio. Isso não promete posição no Google. Contratação só pelo WhatsApp (44) 9800-7512.

Fale conosco