Cursos > Curso Modernizando Sites Antigos com Design Systems

Modernizando Sites Antigos com Design Systems

Transforme sites antigos em interfaces modernas e profissionais usando IA, Design Systems e técnicas de recombinação de código de forma rápida e eficiente.

Básico 30min 4.9 2069 participantes 200 XP

Apresentação

Conteúdo do curso

Conteúdo do módulo

Apresentação do curso – Modernizando Sites Antigos com Design Systems Os arquivos iniciais Criando nosso design system Criando nosso novo site Dicas finais para produção

Modernizando Sites Antigos com Design Systems

Neste curso prático da formação AI Designer, você aprenderá como dar uma vida nova a sites estáticos ou complexos que pararam no tempo. Utilizando o poder de modelos de IA como o Gemini e ferramentas de desenvolvimento assistido, o curso foca na técnica de “recombinação de Design Systems”.

Você aprenderá a extrair o conteúdo de páginas existentes (sejam elas feitas em WordPress, Wix ou código puro) e aplicá-lo em novas estruturas visuais modernas, com animações fluidas e tipografia atualizada.

O objetivo é sair de um site com “cara de anos 90” para uma interface de alto padrão em menos de uma hora de trabalho, garantindo um resultado profissional e funcional que pode ser levado diretamente para produção.

O que você vai aprender

Modernização de Páginas Estáticas: Como transformar um site simples em uma interface moderna utilizando Design Systems.
Extração Inteligente de Conteúdo: Técnicas para extrair textos e cópias de sites antigos sem que a IA "alucine" ou altere a mensagem original.
Recombinação de Design Systems: Como misturar referências visuais de diferentes fontes para criar uma identidade única e moderna.
Manipulação de Sites Complexos: Uso de ferramentas para baixar sites completos, seguindo links internos e trabalhando página por página
Organização Profissional de Código: Como estruturar arquivos (CSS, JS, Imagens) de forma limpa para publicação em plataformas como a Vercel.
Uso de IA no Fluxo de Design: Como utilizar o Gemini para criar novos sistemas de design e o Cursor (ou ferramentas similares) para organizar a arquitetura do projeto.

Instrutor

Rodrigo Tadewald

Sócio-fundador da Asimov | Instrutor de Python

Engenheiro Químico formado pela UFRGS, aprendeu Python em 2014 para analisar dados no mercado financeiro. Especializou-se em Machine Learning, computação em nuvem, probabilidade e estatística. É sócio-fundador da Asimov Trading e da Asimov Academy.

Faz parte da trilha

AI Designer

Comunidade