Extrator de DESIGN.md

5.0(

1 rating

)

Item media 1 (screenshot) for Extrator de DESIGN.md

Overview

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.

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
0.1.1
Updated
July 10, 2026
Flag concern
Offered by
Renato Asse
Size
156KiB
Languages
português (Brasil)
Developer
ASSE MARKETING MIDIAS LTDA
AV LEOBERTO LEAL 790 SALA 101 SAO JOSE, SC 88117000 BRASIL
Email
renato@essentialkit.io
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

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.md Extractor — Design Tokens for Claude Code, Cursor & Codex

1.0

One click to extract any website's design system — colors, typography, spacing, shadows — into a DESIGN.md for AI coding agents.

Brand Element Extractor

5.0

Extract colors, fonts, logos & brand elements from any website. Generate brand guidelines & AI prompts instantly.

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.0

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

Site to DESIGN.md by CamaraUX

5.0

Gera um DESIGN.md do site da aba ativa.

DESIGN.md Inspector

5.0

Auto-generate DESIGN.md and SKILL.md from any page's design system and use it with Claude, Codex and 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.

DESIGN.md Style Generator - Tokens for Claude, Antigravity, Cursor & Codex

5.0

Extract CSS variables, typography, and layout into clean DESIGN.md files for Claude Code, Antigravity, Cursor, and Codex.

Export to Figma

4.9

Copy any website, page, or element into Figma as fully editable layers — convert HTML to clean Figma designs in one click.