DesignMD
O arquivo que ensina a IA a respeitar seu design
Transforma DESIGN.md em design system que agentes de IA leem nativamente. Tipografia, cores, espaçamento, componentes — tudo em Markdown que Claude, Cursor e Copilot entendem sem precisar de plugin.
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?
É um Markdown que descreve o design system do seu projeto pra agentes de IA lerem. Tipografia, paleta, espaçamento, componentes e anti-patterns — tudo num arquivo que humanos e máquinas entendem.
Qual a diferença entre DESIGN.md e Figma?
Figma é visual e depende de olho humano pra interpretar. DESIGN.md é texto puro — Claude Code e Cursor leem direto sem intermediário. Ambos coexistem: o DESIGN.md traduz decisões do Figma pra código.
Quais agentes de IA suportam DESIGN.md?
Claude Code, Cursor, Windsurf, GitHub Copilot e qualquer agente que leia Markdown do projeto. Joga o DESIGN.md na raiz do repositório e o agente carrega como contexto automaticamente.
Como o DESIGN.md melhora o output da IA?
Sem ele, agentes geram aquela interface genérica — Inter, gradiente roxo, cards todos iguais. Com DESIGN.md, o agente segue as regras do seu projeto. A diferença é gritante.
O DESIGN.md substitui o Tailwind config?
Não — complementa. Tailwind config define tokens técnicos. DESIGN.md define intenção de design, hierarquia visual e anti-patterns que o config não tem como expressar.
Posso usar DESIGN.md em projetos existentes?
Cria um na raiz do repositório descrevendo o design system atual. Pronto — o agente passa a respeitar as convenções que já existem em vez de inventar coisa nova a cada prompt.
Existe um padrão para DESIGN.md?
O designmd.app mantém templates e um guia de estrutura. Seções recomendadas: tipografia, paleta, espaçamento, componentes, anti-patterns e referências visuais.
O DESIGN.md funciona com React, Vue e Svelte?
Funciona com qualquer framework. Ele descreve decisões de design, não implementação. O agente traduz as regras pro framework que você estiver usando.
Como evitar AI slop com DESIGN.md?
Coloca uma seção de anti-patterns listando o que o agente NÃO pode fazer: fontes proibidas, gradientes banidos, layouts genéricos vetados. Agentes respeitam restrições explícitas muito 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 docs. O designmd.ia.br é o domínio brasileiro reservado pra conteúdo em português sobre design systems pra IA.
Quantos projetos usam DESIGN.md?
O designmd.app tem mais de 2.000 usuários ativos e 66 templates publicados. Equipes que usam Claude Code e Cursor como ferramenta primária tão adotando o formato rápido.
O DESIGN.md é open-source?
Totalmente. O formato é aberto — cria DESIGN.md pro seu projeto e pronto. A biblioteca de templates no designmd.app é gratuita e o código do site tá no GitHub.
O domínio deste site está à venda?
Está sim. Manda mensagem pelo ft.ia.br que a gente conversa sobre valores e transferência.
"A inteligência artificial é a nova eletricidade."