Como Criar um Design System com IA em 5 Dias | Guilherme Gonzalez

Notas do episódio

Neste episódio do Product Guru's, Paulo Chiodi conversa com Guilherme Gonzalez, referência em Design Systems no Brasil, sobre como ele usou inteligência artificial para criar, do zero, um Design System real, escalável e pronto para uso em apenas 5 dias.Você vai descobrir como ele estruturou prompts, integrou ferramentas como Figma, V0.dev e Cloud Code, e aplicou tokens exportados via plugin para gerar componentes funcionais. O episódio é uma verdadeira aula prática sobre como aliar IA ao design de produto de forma estratégica e eficiente, com reflexões importantes sobre maturidade no design, a relação entre designers e tecnologia, e como construir frameworks aplicáveis à realidade brasileira.// Onde encontrar o convidado: Guilherme Gonzalez | Especialista em Design + AIhttps://www.linkedin.com/in/guigonzalez/// Conteúdos mencionados:https://futurism.com/ai-agents-failing-industryhttps://futurism.com/professors-company-ai-agentshttps://v0.dev/chat/ai-ds-experience-J9gcGFoFwCphttps://www.untitledui.com/https://guigonzalez.github.io/design-system/https://github.com/guigonzalez/design-systemhttps://dareframework.com.br/https://www.linkedin.com/pulse/como-trabalhar-com-vibe-coding-sem-virar-ref%25C3%25A9m-da-ia-gui-gonzalez-yzvhf/// Recado Importante: O futuro dos produtos digitais já começou e a Inteligência Artificial é parte do time.A PM3 acaba de lançar a Formação em Gestão de Produtos de IA: um curso pensado para Product Managers que querem criar, delegar e inovar com mais inteligência. Muito além dos prompts: você vai aprender a liderar produtos baseados em IA, dominar temas como Machine Learning, Deep Learning e IA Generativa, e aplicar novas formas de discovery, experimentação e validação.Prepare-se para o mercado que mais cresce no mundo e torne-se o PM que lidera a transformação.Acesse o link e saiba mais: https://go.pm3.com.br/ProductGurus-AI-Specialist/// Nesse episódio abordamos:• Guilherme Gonzales criou um design system funcional com IA em apenas 5 dias.• A IA foi usada como parceira de criação, não apenas como ferramenta.• O botão foi o primeiro componente criado ponto de partida essencial.• Prompts bem estruturados foram cruciais para resultados de qualidade.• Tokens exportados do Figma foram integrados ao sistema com precisão.• Usar IA exige clareza, contexto e paciência não é só copiar prompt.• O Cloud Code foi a ferramenta de terminal usada para aplicar JSON.• Guilherme desenvolveu um framework próprio (DER) para uso de IA no design.• O designer precisa ser mais estratégico e assumir protagonismo.• Design System não é só do designer é produto, código e cultura./// Capítulos00:00 Introdução00:46 Apresentação de Guilherme Gonzalez04:47 Primeiros testes com IA e design system06:00 Falhas na primeira versão e aprendizados08:20 Criando botão com boas práticas e tokens10:30 Como a IA interpretou os componentes12:27 Integração com Figma e exportação via plugin14:32 Exportando tokens do Figma para JSON17:40 O papel da IA como parceira de trabalho19:00 Processo de estruturar tokens e prompts22:48 Como a experiência influenciou no sucesso24:48 A diferença entre biblioteca e design system real26:09 IA e velocidade vs. qualidade no design29:16 Testando limites da IA em projeto pessoal33:12 Estrutura de prompts inteligentes36:00 As 10 lições sobre uso consciente da IA38:54 Aplicando IA com documentação e Storybook44:00 Testando JSON de 14 mil linhas no Cloud Code48:15 Aplicação prática de IA no dia a dia do designer56:33 Aprendizados ao vivo e erros com IA58:42 Apresentação do framework DER para IA no design01:03:51 Design System como produto real nas empresas01:08:48 Maturidade do design e das empresas no Brasil01:14:00 Limitações de cursos e o papel do contexto01:19:12 A real valorização do design nas empresas01:27:13 Agradecimentos finais e despedida