AB AI Design Hub
Consulte, explore e use o Design System do Arquiteto de Bolso com IA. Tokens, componentes e prompts prontos para gerar interfaces alinhadas com o DESIGN.md.
O que é o DESIGN.md?
O DESIGN.md é a fonte operacional escrita do Design System para orientar o uso de IA na criação e revisão de interfaces. Ele documenta tokens, componentes oficiais e regras de uso para garantir consistência visual e governança no processo assistido por IA.
Para que serve
Protótipos rápidos, componentes isolados, variações simples de tela, revisão de consistência e orientação de prompts de IA.
O que a IA pode fazer
Consultar tokens, propor layouts com componentes oficiais, revisar interfaces, sugerir melhorias e criar rascunhos marcados como não oficiais.
O que a IA não pode fazer
Inventar tokens, oficializar componentes, usar cores fora da paleta ou criar fluxos complexos sem aprovação da Product Designer.
Como usar o DESIGN.md com segurança
O DESIGN.md é uma referência operacional para orientar o uso de IA com mais consistência visual. Ele ajuda a transformar regras do Design System em critérios práticos para protótipos rápidos, revisão de interfaces e uso de componentes oficiais. Mas ele não substitui análise de produto, pesquisa, arquitetura de informação ou validação da Product Designer.
Uso do AI Hub com responsabilidade
O AI Hub é uma referência operacional — não uma ferramenta de aprovação. Consulte tokens, componentes e guias para ganhar velocidade, mas toda proposta gerada com IA é um rascunho até ser revisada e aprovada pela Product Designer.
Protótipos rápidos
Use o DESIGN.md para criar variações simples de tela, testar composições visuais, montar formulários, cards, CTAs e pequenas seções usando componentes oficiais.
- ·Baixa ou média complexidade.
- ·Sem decisões estruturais de produto.
- ·Sem criar novos padrões oficiais.
Revisão de consistência
Use o DESIGN.md para revisar se uma interface respeita tokens, tipografia, cores, espaçamentos, componentes oficiais e regras de uso.
- ·Validar uso de tokens semânticos.
- ·Verificar se componentes pendentes foram usados indevidamente.
- ·Identificar riscos de inconsistência visual.
Exploração com IA
Use o DESIGN.md como contexto para ferramentas como Claude, Lovable ou Figma Make, sempre reforçando que a IA deve propor rascunhos e não oficializar decisões.
- ·A IA pode sugerir alternativas.
- ·A IA deve sinalizar lacunas.
- ·A IA deve marcar padrões não documentados como Needs Product Designer approval.
Validação com Product Designer
Sempre que a proposta envolver fluxo completo, jornada crítica, arquitetura de informação, regra de negócio, novo componente, novo padrão ou comportamento não documentado, a validação da Product Designer é obrigatória.
- ·Fluxos complexos exigem condução de Product Design.
- ·Componentes novos não podem ser tratados como oficiais.
- ·Protótipos gerados por IA continuam sendo rascunhos até aprovação.
Validação com usuários e testes de usabilidade
Toda proposta que afete jornadas críticas, navegação principal, fluxos de conversão ou experiência de novos usuários deve ser validada com testes de usabilidade antes de ser tratada como solução definitiva. A IA não substitui observação de comportamento real.
- ·Testes com usuários são obrigatórios em fluxos novos ou redesenhados.
- ·Hipóteses de UX geradas com IA devem ser confirmadas com dados reais.
- ·Resultados de testes têm precedência sobre qualquer proposta de IA.
Regra prática
Se a tarefa envolve apenas organizar uma interface simples com componentes já documentados, o DESIGN.md pode orientar a IA. Se a tarefa exige decidir como uma jornada deve funcionar, como o usuário avança, quais dados aparecem, quais estados existem ou como um novo padrão deve se comportar, precisa de Product Designer — e se envolver jornadas críticas ou mudanças de fluxo, precisa também de validação com usuários reais. Em caso de dúvida, trate a proposta como rascunho e marque como Needs Product Designer approval.
IA acelera, Product Designer valida
O DESIGN.md ajuda a ganhar velocidade e consistência, mas não transforma uma proposta em solução oficial. Qualquer fluxo complexo, decisão estrutural ou padrão ainda não documentado deve ser revisado e aprovado pela Product Designer antes de ser usado como referência.