FIGMA + CLAUDE CODE Muda Tudo no Web Design
Edu Henrique
0:00 / 0:00
FIGMA + CLAUDE CODE Muda Tudo no Web Design
636 просмотров · 7 дн. назад
Edu Henrique
43 подписчика
636 просмотров · 7 дн. назад
Como levar um design do Figma para uma página funcionando usando o Claude Code. Neste vídeo eu conecto as duas ferramentas de forma rápida e mostro como conduzi o desenvolvimento de uma landing page do início ao fim.
Pra esse processo funcionar 100%, o Figma e o Claude Code precisam de plano pago.
Você vai ver como conectar o Figma ao Claude Code, como ficou o resultado final e como eu organizo os comandos pra construir a página sem virar bagunça.
👉 Precisa de uma landing page que passe confiança e converta?
Fale com a Orbus Studio: https://orbusstudio.com.br/
_______________________
SKILLS ESSENCIAIS PARA O CLAUDE:
Emil Kowalski: https://github.com/emilkowalski/skills
garden-skills: https://github.com/ConardLi/garden-sk...
landing-page-design: https://github.com/elayadesign/ai-des...
Meng To: https://github.com/MengTo/Skills
Jakub Krehel: https://github.com/jakubkrehel/skills
tastemaker: https://github.com/codeswithroh/taste...
designer-skills: https://github.com/Owl-Listener/desig...
_______________________
⚠️ Sobre o projeto do Banco Inter:
A página mostrada neste vídeo não é um projeto oficial para a empresa, criado apenas para estudo e como material de criação de conteúdo. Não tem nenhum vínculo, parceria ou encomenda do Banco Inter, e não representa um trabalho feito para a marca. O nome e a identidade do Banco Inter pertencem aos seus respectivos proprietários.
_______________________
⏰ Timestamps:
[0:00] Do Figma à página pronta
[1:44] Como conectar o Figma ao Claude Code
[4:44] O resultado: como ficou a página
[6:37] Como construir a página no Claude Code
[13:30] Implementando animações durante toda a página
[16:00] Fazendo a versão mobile
_______________________
📺 Assista em seguida: MELHORE SEUS SITES em 187% em menos de 15 MINUTOS
• MELHORE SEUS SITES em 187% em menos de 15 ...
_______________________
Este vídeo não é patrocinado. Todas as ferramentas aparecem porque eu uso de verdade no meu trabalho.
_______________________
Vem comigo:
Instagram: / eduhenrique.web
X (Twitter): https://x.com/EduHenrique_FRM
Behance: https://www.behance.net/eduardohenriq...
📧 Projetos e parcerias: contato@orbusstudio.com.br
. . . . . . . .
#figma #claudecode #claude #ia #webdesign #webdesigner #landingpage #designdesites #uidesign #figmatocode #fintech #freelancer #solopreneur