Перейти к содержимому

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