DesignMD
Design systems que agentes de IA entendem
Transforme arquivos DESIGN.md em design systems executáveis. Tipografia, cores, espaçamento e componentes — tudo em Markdown que o Claude, Cursor e Copilot interpretam nativamente.
Projeto em construção
Conhecer quem está criando→Resumo
DesignMD é um projeto brasileiro focado em design systems que agentes de ia entendem. Transforme arquivos DESIGN.
Perguntas Frequentes
O que é um arquivo DESIGN.md?
DESIGN.md é um arquivo Markdown que descreve o design system de um projeto em linguagem que agentes de IA entendem. Define tipografia, paleta de cores, espaçamento, componentes e anti-patterns — tudo legível por humanos e máquinas.
Qual a diferença entre DESIGN.md e Figma?
Figma é visual e requer interpretação humana. DESIGN.md é textual e interpretável diretamente por agentes de IA como Claude Code e Cursor. Ambos coexistem — o DESIGN.md traduz decisões do Figma para código.
Quais agentes de IA suportam DESIGN.md?
Claude Code, Cursor, Windsurf, GitHub Copilot e qualquer agente que leia arquivos Markdown do projeto. O DESIGN.md fica na raiz do repositório e é carregado automaticamente como contexto.
Como o DESIGN.md melhora o output da IA?
Sem DESIGN.md, agentes de IA geram interfaces genéricas com Inter, gradientes roxos e cards idênticos. Com DESIGN.md, o agente segue regras específicas de tipografia, cores e layout do seu projeto.
O DESIGN.md substitui o Tailwind config?
Não substitui — complementa. O tailwind.config define tokens técnicos. O DESIGN.md define intenção de design, hierarquia visual, anti-patterns proibidos e regras que o Tailwind config não consegue expressar.
Posso usar DESIGN.md em projetos existentes?
Sim. Crie um DESIGN.md na raiz do repositório descrevendo o design system atual. O agente de IA passa a respeitar as convenções existentes em vez de inventar novas a cada prompt.
Existe um padrão para DESIGN.md?
O designmd.app mantém uma biblioteca de templates e um guia de estrutura. As seções recomendadas são: tipografia, paleta, espaçamento, componentes, anti-patterns e referências visuais.
O DESIGN.md funciona com React, Vue e Svelte?
Sim. O DESIGN.md é agnóstico de framework — descreve decisões de design, não implementação. O agente de IA traduz as regras para o framework que você estiver usando no projeto.
Como evitar AI slop com DESIGN.md?
Inclua uma seção de anti-patterns listando o que o agente NÃO deve fazer: fontes proibidas, gradientes banidos, layouts genéricos vetados. Agentes respeitam restrições explícitas melhor que instruções vagas.
Qual a relação entre designmd.ia.br e designmd.app?
O designmd.app é o projeto principal com biblioteca de templates e documentação. O designmd.ia.br é o domínio brasileiro reservado para conteúdo em português sobre design systems para IA.
Quantos projetos usam DESIGN.md?
O designmd.app tem mais de 2.000 usuários ativos e 66 templates publicados. O formato está sendo adotado por equipes que usam Claude Code e Cursor como ferramentas primárias de desenvolvimento.
O DESIGN.md é open-source?
Sim. O formato é aberto e qualquer pessoa pode criar DESIGN.md para seus projetos. A biblioteca de templates no designmd.app é gratuita. O código do site é open-source no GitHub.
O domínio deste site está à venda?
Sim. Este domínio está disponível para negociação. Entre em contato pelo site ft.ia.br para conversarmos sobre valores e condições de transferência.
"A inteligência artificial é a nova eletricidade."