---
title: Site to DESIGN.md
date: 2026-05-12T13:22:28Z
modified: 2026-05-24T04:14:00Z
permalink: "https://camaraux.com.br/extensoes-chrome/site-to-design-md/"
type: extensoes-chrome
status: publish
excerpt: "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."
wpid: 7538
categoria-chrome:
  - Dev Tools
rank_math_title: "Site to DESIGN.md: documentação visual de qualquer site"
rank_math_description: "Extensão Chrome gratuita que gera um DESIGN.md completo da página ativa: cores, tipografia e padrões de UI em Markdown."
rank_math_focus_keyword: Site to DESIGN.md
como_usar: "<ol class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-1 pl-8 mb-3\">\\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Acesse o site que deseja analisar.</li>\\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Clique no ícone da extensão na barra do Chrome.</li>\\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Clique em gerar o arquivo DESIGN.md da página ativa.</li>\\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Revise o conteúdo gerado na prévia da extensão.</li>\\n<li class=\"font-claude-response-body whitespace-normal break-words pl-2\">Copie ou baixe o arquivo para usar no seu projeto.</li>\\n</ol>\\n"
featured_image: /wp-content/uploads/2026/05/1.webp
featured_image_alt: Logotipo do Site to DESIGN.md em fundo azul, destacando a ferramenta para gerar design em Markdown.
author: Lucas Camara
---



## Topics

**Categorias Chrome:** [Dev Tools](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/taxonomy/categoria-chrome/dev-tools.md)