Do Figma ao ar: o caminho que eu uso para publicar um site
Quatro etapas: desenho no Figma, Claude Code lendo o arquivo pelo Figma MCP, conferência em 7 larguras e publicação numa VPS própria com HTTPS.
- Carrossel
- 2 de nov de 2026
- 2 min de leitura
Quase todo mundo que começa a fazer site com IA pula direto para o prompt. Escreve “faz uma landing page para o meu negócio” e espera. O que volta é a média de tudo que a IA já viu, e é por isso que tanto site novo tem a mesma cara.
O caminho que eu uso tem quatro etapas, e a IA só entra na segunda.
1. Desenho no Figma, antes de qualquer código
A página nasce no Figma. É ali que eu decido o que vem primeiro, qual é o único botão de cada tela, qual cor é destaque e qual é neutra, que foto entra e onde.
Essa etapa é a que define se o site vai ter cara própria. Se a decisão não existe no desenho, a IA vai tomar por você, e ela sempre escolhe o caminho mais comum.
2. O Claude Code lê o arquivo pelo Figma MCP
Com a página desenhada, o Claude Code lê o arquivo direto do Figma, pelo servidor MCP do Figma. Ele recebe as medidas, as cores, as fontes e a estrutura de cada seção, em vez de adivinhar a partir de um print.
A diferença é grande: o código sai preso ao desenho, não à imaginação da IA.
Libere o resto da matéria
Você também recebe por e-mail o link desta matéria e a aula grátis do Conversão Visual.
3. Confiro em 7 larguras, do celular ao monitor
Site pronto no computador não é site pronto. Eu abro a página em sete larguras, do celular pequeno ao monitor grande, e confiro alinhamento, quebra de texto, alturas de botão e imagens cortadas.
É aqui que aparecem os problemas que ninguém vê no Figma: um título que quebra em três linhas no celular, um card mais alto que o vizinho, uma palavra sozinha na última linha.
4. Publico numa VPS própria, com domínio e HTTPS
Por fim, o site vai para um servidor próprio, com o domínio do cliente e HTTPS. Sem depender de construtor de sites e sem mensalidade por página.
Por que essa ordem importa
A IA executa rápido, mas quem decide é você. Quando o desenho vem antes, a IA vira mão de obra. Quando o prompt vem antes, ela vira a designer, e o resultado é a média.
Esse é o caminho que eu ensino inteiro, passo a passo, no Conversão Visual.
