Imagem do logotipo de Site to DESIGN.md by CamaraUX

Site to DESIGN.md by CamaraUX

camaraux.com.br
5,0(

1 nota

)
Mídia 4 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 1 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 2 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 3 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 4 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 1 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 1 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 2 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 3 (captura de tela) para Site to DESIGN.md by CamaraUX
Mídia 4 (captura de tela) para Site to DESIGN.md by CamaraUX

Visão geral

Gera um DESIGN.md do site da aba ativa.

Site to DESIGN.md é uma extensão para Chrome que analisa a página atual e gera automaticamente um arquivo DESIGN.md com base nos estilos visuais encontrados no site. A extensão ajuda designers, desenvolvedores e profissionais que trabalham com IA a transformar uma página existente em uma documentação inicial de design system. Com ela, é possível extrair referências visuais como cores, tipografia, espaçamentos, bordas, sombras, botões, inputs, cards e padrões básicos de interface. O resultado é organizado em formato Markdown, seguindo uma estrutura compatível com arquivos DESIGN.md. Principais recursos: - Analisa a página aberta no navegador - Extrai cores principais e secundárias - Identifica fontes, tamanhos, pesos e alturas de linha - Detecta botões, campos, cards e elementos de navegação - Organiza tokens visuais em YAML - Gera conteúdo em formato DESIGN.md - Permite copiar o código gerado - Permite baixar o arquivo DESIGN.md A extensão foi criada para acelerar a criação de arquivos DESIGN.md a partir de sites reais. Ela não substitui uma análise manual completa de design system, mas oferece uma base inicial útil para documentação, prototipagem, estudos de interface e uso com ferramentas de IA. O arquivo gerado pode ser editado, refinado e usado como referência para agentes de IA, ferramentas de design, fluxos de desenvolvimento e bibliotecas visuais. Casos de uso: - Criar uma primeira versão de DESIGN.md a partir de um site existente - Documentar rapidamente padrões visuais de uma página - Gerar referência visual para prompts de IA - Apoiar projetos de redesign - Estudar identidade visual de interfaces públicas - Criar insumos para design systems, UI kits e protótipos Como usar: 1. Abra o site que deseja analisar 2. Clique no ícone da extensão 3. Gere o arquivo DESIGN.md 4. Copie o código ou baixe o arquivo Observação: A extensão analisa apenas os elementos visíveis e estilos disponíveis na página carregada. Alguns estados, componentes ocultos, regras internas de marca ou tokens originais podem não ser identificados automaticamente.

Detalhes

  • Versão
    1.2.0
  • Atualização
    16 de maio de 2026
  • Tamanho
    38.06KiB
  • Idiomas
    português (Brasil)
  • Desenvolvedor
    Website
    E-mail
    contato@camaraux.com.br
  • Não negociante
    Esse desenvolvedor não se identificou como comerciante. Caso você seja da União Europeia, observe que os direitos do consumidor não se aplicam a contratos firmados entre você e esse desenvolvedor.

Privacidade

Gerencie extensões e saiba como elas estão sendo usadas na sua organização

Site to DESIGN.md by CamaraUX divulgou as informações a seguir sobre a coleta e o uso dos seus dados. Para mais detalhes, consulte estas informações do desenvolvedor: privacy policy.

Site to DESIGN.md by CamaraUX processa o seguinte:

Conteúdo do site

O desenvolvedor declara que seus dados

  • Não são vendidos a terceiros, exceto nos casos de uso aprovados
  • Não são usados ou transferidos para fins não relacionados à função principal do item
  • Não são usados ou transferidos para informações de crédito ou empréstimo

Suporte

Para receber ajuda com perguntas, sugestões ou problemas, acesse o site de suporte do desenvolvedor.

Itens relacionados

Design Copilot

4,2

AI powered design feedback on any website. Your personal design copilot.

html.tomake.design (llama)

4,0

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

Page to design

1,0

Convert any webpage into Figma as editable designs.

CSS-WebStyler

5,0

AI powered Web Customizer. Customize the design of all websites with this Chrome extension.

AI Design Taste - DESIGN.md and SKILL.md Generator

5,0

Analyze page styling and produce DESIGN.md or SKILL.md documentation compatible with Kiro, Claude, Codex, and Cursor.

html.to.design

4,7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

DESIGN.md Extractor — Tokens de design para Claude Code, Cursor e Codex

1,0

Um clique para extrair o design system de qualquer site — cores, tipografia, espaçamento, sombras — em um DESIGN.md para agentes de…

Design Extractor

0,0

Extract and analyze website design systems using AI

Design System Extractor

0,0

Extracts the design system of the current website into an AI-friendly markdown document.

Crit Design

3,7

Crit Design, a designer co-pilot. Enhancing design process powered by AI

Overlay Image Tool

5,0

Overlay your design draft on any page to compare with the actual UI.

DESIGN.md Style Extractor - TypeUI

5,0

Extract page styles and generate DESIGN.md or SKILL.md files and use it with Google Stitch, Claude, Codex, and Cursor.

Design Copilot

4,2

AI powered design feedback on any website. Your personal design copilot.

html.tomake.design (llama)

4,0

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

Page to design

1,0

Convert any webpage into Figma as editable designs.

CSS-WebStyler

5,0

AI powered Web Customizer. Customize the design of all websites with this Chrome extension.

AI Design Taste - DESIGN.md and SKILL.md Generator

5,0

Analyze page styling and produce DESIGN.md or SKILL.md documentation compatible with Kiro, Claude, Codex, and Cursor.

html.to.design

4,7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

DESIGN.md Extractor — Tokens de design para Claude Code, Cursor e Codex

1,0

Um clique para extrair o design system de qualquer site — cores, tipografia, espaçamento, sombras — em um DESIGN.md para agentes de…

Design Extractor

0,0

Extract and analyze website design systems using AI

Google Apps