Workflow Técnico
Demonstrações de como utilizo IA integrada ao Figma para acelerar processos de design, criar protótipos navegáveis, estruturar Design Systems e desenvolver wireframes.
Design System (Google Stitch + Claude + Figma MCP)
Identidade Visual com Google Stitch: A definição da paleta de cores e conceitos visuais do app Civik, foi criada com o auxílio do Google Stitch, estabelecendo a base da identidade da marca.
Planejamento Técnico com Claude: O Claude atuou como co-piloto técnico na estruturação do Design System, ajudando a planejar a lógica de variáveis, a organização de tokens e a especificação dos estados e criação dos componentes.
Execução e Arquitetura no Figma: O Figma serviu como a plataforma definitiva de design, onde os tokens gerados foram aplicados e os componentes interativos (default, hover, active, selected) foram construídos.