O FIM dos Sites com Cara de IA (2.000 DESIGN.MD GRÁTIS pra Copiar e Colar)

⚡️ KAIROGEN: https://kairogen.ai/r/yt?ref=adamuchi&c=iafacil-refero-design-md

🎨 Refero Styles, os mais de 2.000 DESIGN.md grátis: https://styles.refero.design

Nesse vídeo eu te mostro o jeito mais fácil que eu já vi de fazer um site bonito com IA, mesmo sem saber código e sem ter marca definida.

O segredo é o Refero Styles, um site gratuito com mais de 2.000 design systems de sites reais (Apple, Modal, Mercury e muitos outros) em formato DESIGN.md. Cada arquivo traz a paleta de cores, as fontes, o tamanho e a hierarquia, os tokens e as variáveis de CSS do site, num formato que qualquer IA entende. Você escolhe o visual que gostou, cola o link no seu agente e pronto.

Eu fiz ao vivo uma landing page de um SaaS de controle financeiro usando o Codex com o GPT-6 Astra. Conectei o MCP da Kairogen pra IA gerar as imagens e a hero em vídeo loopável, e com um prompt só saiu a primeira versão. Depois troquei o DESIGN.md por um estilo mais cartoon e a página inteira mudou de cara, com mockup de celular e tudo.

No final eu mostro como usar isso se você já tem marca (é só mandar suas cores e o brand book junto) e como pegar só uma dobra de outro design system pra montar o seu.

CAPÍTULOS
00:00 Esquece qualquer curso de design com IA
00:34 Refero Styles: 2.000 DESIGN.md grátis
01:16 O que vem dentro de um DESIGN.md
01:43 Totalmente gratuito
02:08 O projeto: um SaaS de controle financeiro
02:37 Como escolher o design system certo
03:45 Codex com o GPT-6 Astra
04:24 Conectando o MCP da Kairogen
05:28 Por que gerar as imagens pela Kairogen
06:12 O prompt da landing page
08:21 E se você já tem uma marca
09:18 O resultado com um prompt só
10:38 Trocando o DESIGN.md: versão cartoon
12:01 Resultado final e comparação
13:12 Resumo do passo a passo
14:12 Pegando só uma parte de outro design system
15:12 Conclusão

Se esse vídeo te ajudou, deixa o like e se inscreve. Toda semana eu trago tutorial, guia e workflow de IA pra você aplicar.

#DesignComIA #LandingPage #ChatGPT #Codex #GPT6 #Kairogen #InteligenciaArtificial #WebDesign