Biblioteca prática para Designer
Atividades e tarefas práticas para designer.
Padroniza a descrição de comportamentos, estados e tokens de design para facilitar o handoff.
Atue como um Design System Lead experiente. Sua tarefa é criar a documentação técnica detalhada para um componente de interface específico, visando facilitar a implementação por desenvolvedores Front-end e manter a consistência do produto. Para o componente [NOME DO COMPONENTE], estruture os seguintes tópicos: 1. **Visão Geral**: Explique o propósito do componente e em quais contextos ele deve ou não ser utilizado. 2. **Anatomia**: Liste e descreva os elementos visuais que compõem o item (ex: ícone, label, container, bordas). 3. **Design Tokens**: Sugira nomes e valores para tokens de cores (background, border, text), espaçamentos (padding, gap), bordas (radius) e tipografia (font-size, weight). 4. **Estados e Interações**: Descreva o comportamento visual nos estados Default, Hover, Focus, Active, Disabled e, se aplicável, Loading. 5. **Acessibilidade (A11y)**: Especifique critérios de contraste, navegação por teclado (tab order) e atributos ARIA essenciais para leitores de tela. 6. **Variações e Propriedades**: Defina as variações de estilo (ex: Primário, Secundário, Ghost) e tamanhos (ex: Small, Medium, Large). Contexto do componente para documentar agora: [DESCREVA O COMPONENTE E SUAS CARACTERÍSTICAS AQUI]
Veja quanto tempo dá para recuperar por mês
Você pode economizar tempo em conceitos visuais e copy usando ferramentas e prompts desta trilha.
Base atual: Designer · Documentação de Design SystemEstimativa inicial para descoberta. O cálculo financeiro usa uma jornada padrão de 40 horas por semana para converter salário mensal em valor por hora.