Logotipo CamaraUX - Consultoria em UX Design
Ver currículo
Ícone representando uma fonte, relacionado ao site para geração de DESIGN.md

Site to DESIGN.md

v1.2.0
Adicionar ao Chrome
Gera um DESIGN.md completo da página ativa: cores, tipografia e padrões de interface em Markdown. Contexto visual pronto para IA ou documentação.
SOBRE A EXTENSÃO:

Documentar o design system de um site existente, passar contexto visual para um agente de IA ou criar uma base de referência antes de um redesign: tudo isso exige mapear cores, fontes e padrões de interface manualmente. O Site to DESIGN.md automatiza essa extração.

A extensão analisa a página ativa e gera um arquivo Markdown estruturado com os tokens visuais do site: paleta de cores, tipografia, espaçamentos e padrões de componente. Você copia ou baixa e usa direto no seu fluxo de trabalho.

Logotipo do Site to DESIGN.md em fundo azul, destacando a ferramenta para gerar design em Markdown.
Interface do plugin Site to DESIGN.md com opções para gerar DESIGN.md e exibir informações de sistema.
Interface do plugin Site to DESIGN.md mostrando cores, fontes e botões extraídos de uma página da web.
Texto que demonstra um processo de design estruturado em Markdown para prompts de IA.
Interface da extensão Site to DESIGN.md mostrando exportação de design em Markdown.
Como usar:
  1. Acesse o site que deseja analisar.
  2. Clique no ícone da extensão na barra do Chrome.
  3. Clique em gerar o arquivo DESIGN.md da página ativa.
  4. Revise o conteúdo gerado na prévia da extensão.
  5. Copie ou baixe o arquivo para usar no seu projeto.
Principais recursos:
  • Geração automática de DESIGN.md com um clique
  • Extração de cores, tipografia e padrões de UI
  • Saída organizada em Markdown estruturado
  • Ideal para uso como contexto em agentes de IA
  • Download ou cópia direta do conteúdo gerado

Casos de uso:
  • Criar documentação visual de sites antes de redesigns
  • Gerar contexto visual para prompts de agentes de IA
  • Apoiar auditorias de interface e análise de UI
  • Documentar padrões visuais de projetos existentes
  • Criar base de referência para novos projetos de design

Esta extensão segue a Política de Privacidade da CamaraUX. Nenhum dado pessoal é coletado ou compartilhado.

Precisa de uma auditoria completa de UX ou interface?

A CamaraUX oferece consultoria especializada para produtos digitais.

Falar sobre seu projeto