Design MD Generator
Extraia tokens de design reais de uma URL pública e gere DESIGN.md para agentes de programação com IA
Sobre Design MD Generator
Design MD Generator aceita uma URL pública, extrai do CSS real cores, fontes, proporções de tamanhos, espaçamentos, raios, sombras e estados de componentes, e gera um DESIGN.md em nove seções sobre temas, funções da paleta, tipografia, layout, componentes, hierarquia, raios, movimento e diretrizes de design. O arquivo pode ser colocado em um repositório de código e referenciado em CLAUDE.md ou .cursor/rules para que as interfaces geradas sigam o sistema de design do site de origem; o MCP também permite pesquisar a biblioteca, ler arquivos ou executar o gerador em editores.
Ideal para
Melhores casos de uso
Gerar um arquivo de sistema de design para um site existente
Fazer um agente de programação com IA reutilizar o design do site de origem
Executar o gerador via MCP a partir de um editor
Explorar sistemas de design DESIGN.md prontos
Funcionalidades
Extração de CSS real
Contabiliza cores, pilhas de fontes, proporções de tamanhos, espaçamentos, raios, sombras e propriedades personalizadas de CSS em estilos reais.
Análise orientada por evidências
Cada cor hexadecimal, nome de fonte e raio vem do CSS real do site; o extrator não inventa tokens.
DESIGN.md em nove seções
Um analista de design com IA gera temas, funções da paleta, tipografia, layout, componentes, hierarquia, raios, movimento e diretrizes.
Conexão MCP com o editor
Pesquise a biblioteca, leia DESIGN.md ou execute o gerador em um editor por meio do MCP.
Vantagens
- Os tokens vêm do CSS real, evitando suposições
- A saída pode ser colocada em um repositório de código e referenciada por agentes
- Geração gratuita dentro do limite diário
- Suporte a MCP para uso conveniente no editor
Limitações
- Limite diário de geração por visitante
Planos de preços
Gratuito
- Gerar DESIGN.md
- Limite diário por visitante
- Cartão de crédito não necessário
* As informações de preços são apenas indicativas. Consulte o anúncio mais recente no site oficial de Design MD Generator.