Imagem do logotipo de Extrator de DESIGN.md

Extrator de DESIGN.md

5,0(

1 nota

)
Mídia 1 (captura de tela) para Extrator de DESIGN.md

Visão geral

Extrai design tokens de qualquer página e gera um arquivo DESIGN.md (W3C DTCG) no padrão Google.

O DESIGN.md Extrator inspeciona qualquer página web e captura automaticamente os design tokens visíveis — cores, tipografia, espaçamentos, bordas e sombras — gerando um arquivo DESIGN.md estruturado no formato W3C Design Tokens Community Group (DTCG). ✦ COMO FUNCIONA 1. Abra o Painel Lateral da extensão em qualquer aba. 2. Clique em "Extrair esta página" — a análise leva menos de 5 segundos. 3. Navegue para outras páginas do mesmo site e extraia quantas quiser. 4. Clique em "Exportar" para baixar o DESIGN.md final. O arquivo gerado já inclui um Prompt de Consolidação pronto para colar no Claude Code, Cursor ou qualquer LLM — ele pede ao modelo que una os tokens das várias páginas e produza um design system limpo e nomeado semanticamente. ✦ O QUE É EXTRAÍDO • Cores • Tipografia • Espaçamentos • Bordas • Sombras ✦ FORMATO DE SAÍDA O DESIGN.md segue a estrutura W3C DTCG com frontmatter YAML (para uso programático), uma seção por página capturada e o Prompt de Consolidação ao final. O formato é lido diretamente por agentes de IA e por ferramentas como Style Dictionary. ✦ PRIVACIDADE A extensão não coleta, transmite nem armazena nenhum dado fora do seu navegador. Todo processamento ocorre localmente. Nenhuma conta, nenhum login, nenhuma telemetria. Criada pelo ibe.IA — Instituto Brasileiro de Educação em Inteligência Artificial — e disponibilizada gratuitamente. Saiba mais em ibe.ia.br.

Detalhes

  • Versão
    0.1.1
  • Atualização
    10 de julho de 2026
  • Oferecido por
    Renato Asse
  • Tamanho
    156KiB
  • Idiomas
    português (Brasil)
  • Desenvolvedor
    ASSE MARKETING MIDIAS LTDA
    AV LEOBERTO LEAL 790 SALA 101 SAO JOSE, SC 88117000 BRASIL
    E-mail
    renato@essentialkit.io
  • 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
O desenvolvedor divulgou que o item não vai coletar nem usar seus dados. Para mais detalhes, consulte estas informações do desenvolvedor: privacy policy.

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

Itens relacionados

Export to Figma

4,9

Site para Figma em um clique: copie qualquer página ou elemento como camadas editáveis. Converta HTML em design Figma.

GreatPages — Capturar Design System

5,0

Copie o design system de qualquer site para o GreatPages.

Design Snap – Design Tokens, Tailwind & shadcn/ui Themes

5,0

Extract design tokens from any website, generate shadcn/ui & Tailwind themes, and inspect any element's CSS.

AssetPullKit - Free Web Asset Extractor

5,0

Extract assets, inspect styles, and explore design tokens from any webpage, 100% local, no APIs needed.

Design Extractor

0,0

Extract and analyze website design systems using AI

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 System Extractor

4,5

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

DesignDNA

0,0

Extract any website's design system into a markdown file for AI coding agents.

DESIGN.md extractor by getdesignsystem.io

5,0

Extract design systems from any website. Get tokens for Claude, Cursor, and other AI coding agents.

Site to DESIGN.md by CamaraUX

5,0

Gera um DESIGN.md do site da aba ativa.

DESIGN.md Inspector

5,0

Gere automaticamente DESIGN.md e SKILL.md a partir do sistema de design de qualquer página e use com Claude, Codex e Cursor.

Website CSS and Style Extractor

5,0

Inspect the design system of any webpage and export its style tokens for reuse in your own projects.

Export to Figma

4,9

Site para Figma em um clique: copie qualquer página ou elemento como camadas editáveis. Converta HTML em design Figma.

GreatPages — Capturar Design System

5,0

Copie o design system de qualquer site para o GreatPages.

Design Snap – Design Tokens, Tailwind & shadcn/ui Themes

5,0

Extract design tokens from any website, generate shadcn/ui & Tailwind themes, and inspect any element's CSS.

AssetPullKit - Free Web Asset Extractor

5,0

Extract assets, inspect styles, and explore design tokens from any webpage, 100% local, no APIs needed.

Design Extractor

0,0

Extract and analyze website design systems using AI

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 System Extractor

4,5

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

DesignDNA

0,0

Extract any website's design system into a markdown file for AI coding agents.

Google Apps