Domine o Claude Code e os MCPs para transformar designs do Figma em landing pages profissionais publicadas em tempo recorde.
Nível Iniciante Categoria IA
Neste projeto prático, você vai construir uma landing page completa, do design ao deploy, usando Claude Code integrado a MCPs. Partimos de um layout no Figma e usamos o MCP do Figma (incluindo o Dev Mode) para implementar menu, hero e demais seções em código, sem ficar traduzindo o design na mão. Depois instalamos o MCP do Fal.AI para gerar imagens e vídeos direto no fluxo de desenvolvimento, ajustar os assets da página e aplicar animações no menu e na hero. No final, publicamos o projeto na Vercel usando MCP, entregando uma landing page real e no ar
Neste projeto prático, você vai construir uma landing page completa, do design ao deploy, usando Claude Code integrado a MCPs. Partimos de um layout no Figma e usamos o MCP do Figma (incluindo o Dev Mode) para implementar menu, hero e demais seções em código, sem ficar traduzindo o design na mão. Depois instalamos o MCP do Fal.AI para gerar imagens e vídeos direto no fluxo de desenvolvimento, ajustar os assets da página e aplicar animações no menu e na hero. No final, publicamos o projeto na Vercel usando MCP, entregando uma landing page real e no ar
Neste curso, você vai dominar o uso do Claude Code e seus MCPs para criar landing pages profissionais com alta produtividade
Tópicos que serão abordados no projeto
Este curso é ideal para desenvolvedores web que desejam integrar o Claude Code e agentes de IA ao seu fluxo de trabalho, buscando acelerar a criação de interfaces e landing pages de alta qualidade.
Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.
Formado em Análise e Desenvolvimento de Sistemas pelo Instituto Federal de São Paulo, atuou em projetos como desenvolvedor Front-End. Nas horas vagas grava Podcast e arrisca uns três acordes no violão.
Vamos desenvolver uma landing page com IA: Claude Code, Figma e geração de imagens e vídeos de forma automática junto ao fluxo de desenvolvimento.
2 aulasNesta aula, construiremos uma landing page completa a partir de um layout no Figma. Vamos implementar as seções, animações e por fim fazer o deploy, utilizando integrações via MCP e o Claude Code CLI.
12 aulasTenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!
Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:
Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!