• `☐` undone
• `▣` studying
• `▨` done

👣 ux design (user experience)

• ▣ · pesquisa com usuários (entrevistas, questionários, testes)
• ▣ · personas e jornadas do usuário
• ☐ · mapa de empatia e necessidades reais
• ☐ · wireframes de baixa fidelidade
• ☐ · prototipação iterativa
• ☐ · arquitetura da informação
• ☐ · heurísticas de usabilidade (jakob nielsen)
• ☐ · testes de usabilidade (a/b, observação, gravação)
• ☐ · ux writing e microcopy (mensagens claras)
• ☐ · acessibilidade (wcag, contraste, teclado, leitores de tela)

🎨 ui design (user interface)

• ▨ · princípios visuais (alinhamento, hierarquia, contraste)
• ▣ · grid systems e espaçamento consistente
• ▣ · tipografia (escalas, pesos, leitura)
• ▣ · cores e psicologia das cores
• ▣ · ícones e elementos visuais
• ▨ · componentes reutilizáveis (botões, cards, inputs)
• ▨ · responsividade e adaptação a dispositivos
• ▨ · design mobile-first
• ▣ · uso de sombras e profundidade
• ▣ · coesão entre marca e interface

🖼️ figma

• ▣ · frames e auto layout
• ▣ · componentes e variantes
• ▣ · uso de constraints (responsividade dentro do figma)
• ▣ · prototipagem interativa (navegação entre telas)
• ▣ · plugins úteis (iconify, content reel, accessibility)
• ▣ · estilos globais (cores, tipografia, efeitos)
• ▣ · compartilhamento e colaboração em tempo real
• ☐ · biblioteca de componentes (design system no figma)
• ▣ · comentários e feedback diretamente no projeto
• ☐ · exportação para devs (inspetor + código css)

🎯 design tokens

• ☐ · definição centralizada de propriedades visuais (cor, tipografia, espaçamento)
• ☐ · uso como fonte única da verdade (single source of truth)
• ☐ · formato json, yaml ou js/ts
• ☐ · integração com design systems (figma, storybook, tailwind)
• ☐ · tokens para light e dark mode
• ☐ · ferramentas como style-dictionary
• ☐ · padronização entre design e código
• ☐ · aplicação em múltiplas plataformas (web, mobile)
• ☐ · automação e versionamento dos tokens
• ☐ · colaboração entre times de design e dev

🧩 design systems

• ▣ · guia completo de identidade visual (marca, cores, tipografia)
• ☐ · biblioteca de componentes reutilizáveis
• ☐ · tokens de design como base
• ☐ · documentação clara (notion, zeroheight, storybook)
• ☐ · acessibilidade incluída nos padrões
• ☐ · consistência entre produtos e plataformas
• ☐ · governança e atualização contínua
• ▣ · integração com código (react, tailwind, etc.)
• ▣ · uso em figma como biblioteca compartilhada
• ☐ · onboarding facilitado para novos times