← Voltar
Prompt de IA
Biblioteca
Prompt de inteligência artificial
Prompt de IA

Estruturar documentação técnica de componentes e tokens para desenvolvedores

Designer · Documentação de Design System · automação estimada de 85%

Designer Documentação de Design System 85% automação
Prompt de IA Designer Documentação de Design System

Estruturar documentação técnica de componentes e tokens para desenvolvedores

Profissão: Designer Atividade: Documentação de Design System Automação estimada: 85%

Padroniza a descrição de comportamentos, estados e tokens de design para facilitar o handoff.

Prompt pronto para copiar

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]