Como publicar um site do Figma com Claude Code e Hostinger VPS
O processo que eu uso para colocar uma página no ar em cerca de 1 hora: decisões no Figma, execução com Claude Code e publicação na VPS da Hostinger.
- Vídeo
- 20 de out de 2026
- 2 min de leitura
Quanto tempo leva para você colocar uma página no ar? Não o design: a página publicada, com SEO, performance e tudo organizado. Neste vídeo eu mostro o processo que uso para fazer isso em cerca de uma hora, com o Figma, o Claude Code e a VPS da Hostinger.
O exemplo: o site do Studio Responsivo
O site do Studio Responsivo, a minha agência de design e tecnologia em Fortaleza, foi feito com esse método. Ele tem mais de 80 páginas, portfólio integrado, formulários que chegam direto no e-mail, um painel de acessos e uma newsletter com 56 artigos, todos no mesmo padrão visual.
No PageSpeed, a versão de celular marcou 93 em desempenho e 100 em acessibilidade, práticas e SEO. No computador, 100 nas quatro notas.
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.
A divisão do trabalho
O ponto central é decidir o que é seu e o que é da IA.
- No Figma, eu decido: tokens de cor, espaçamentos, arredondamentos, tipografia, hierarquia, componentes e os dois temas, claro e escuro.
- O Claude Code executa: transforma essas decisões em código, monta as páginas e organiza o projeto.
- A Hostinger publica: a VPS coloca o projeto no ar com domínio e SSL.
Eu sei fazer à mão tudo o que a IA faz nesse processo. O que eu não consigo é fazer em minutos. A IA não substitui a decisão de design, ela tira o trabalho repetitivo do caminho.
Por que o resultado não tem cara de IA
A primeira versão que a IA entrega sempre vem com defeitos. A diferença é que ela trabalha em cima de um livro de regras: um documento com os padrões que eu defini, que ela lê antes de desenhar. Com as regras certas, o primeiro layout já vem bem mais refinado, e o ajuste final é rápido para quem entende de design.
Para quem não sabe design
Esse é o ponto que trava a maioria: se você não sabe organizar o que a IA entrega, você não sabe corrigir os defeitos. É isso que eu ensino no Método Code AI, o curso do Conversão Visual: as decisões de UI design que fazem uma página vender, e como passar essas decisões para a IA executar.
