Item logo image for Design.md Token Exporter

Design.md Token Exporter

5.0(

1 rating

)
Item media 5 (screenshot) for Design.md Token Exporter
Item media 1 (screenshot) for Design.md Token Exporter
Item media 2 (screenshot) for Design.md Token Exporter
Item media 3 (screenshot) for Design.md Token Exporter
Item media 4 (screenshot) for Design.md Token Exporter
Item media 5 (screenshot) for Design.md Token Exporter
Item media 1 (screenshot) for Design.md Token Exporter
Item media 1 (screenshot) for Design.md Token Exporter
Item media 2 (screenshot) for Design.md Token Exporter
Item media 3 (screenshot) for Design.md Token Exporter
Item media 4 (screenshot) for Design.md Token Exporter
Item media 5 (screenshot) for Design.md Token Exporter

Overview

Extract local design tokens from the current page and export DESIGN.md artifacts.

Design.md Token Exporter helps developers turn the visual style of the current webpage into practical design-system artifacts. After you explicitly start analysis, the extension inspects the active page locally, infers core design tokens, lets you review and correct them in a Side Panel workspace, and generates exports you can use in AI-assisted coding or frontend implementation. Core features: - Analyze the current page only after a user action. - Review detected colors, typography, spacing, radius, shadows, and basic component styles. - Correct important tokens in the Side Panel workspace. - Copy or download DESIGN.md, CSS variables, Tailwind config snippets, and tokens.json. Privacy posture: - Local-first analysis. - No AI or model API calls. - No default network requests. - No page HTML, CSS, DOM, screenshots, or browsing history uploads. - No <all_urls> permission.

Details

  • Version
    0.1.1
  • Updated
    May 30, 2026
  • Size
    140KiB
  • Languages
    English (United States)
  • Developer
    Email
    lwdgzyx@gmail.com
  • 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

Related

Veqo — HTML to Design

4.2

Veqo — Capture any webpage and import it into Figma as editable design. Auto-scrolls, extracts components and builds design systems.

Design Extractor

0.0

Extract and analyze website design systems using AI

ClickDeck

4.8

Visually fine-tune the current HTML page and export it.

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.

StyleKit.io

5.0

Instantly generate complete design system documentation from any website. Extract colors, typography, logo, favicons, and more.

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

5.0

Extract design system tokens (colors, spacing, typography) from any website

Design System Extractor

0.0

Extract a complete design system from any website — colors, typography, spacing, shadows, and more

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.

Accessibility Design System

5.0

Audita el sistema de diseño de la pestaña activa y exporta un reporte HTML con colores, tipografía, componentes y tokens.

Yoink - Design Token & Style Extractor

5.0

Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.

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.

Veqo — HTML to Design

4.2

Veqo — Capture any webpage and import it into Figma as editable design. Auto-scrolls, extracts components and builds design systems.

Design Extractor

0.0

Extract and analyze website design systems using AI

ClickDeck

4.8

Visually fine-tune the current HTML page and export it.

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.

StyleKit.io

5.0

Instantly generate complete design system documentation from any website. Extract colors, typography, logo, favicons, and more.

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

5.0

Extract design system tokens (colors, spacing, typography) from any website

Design System Extractor

0.0

Extract a complete design system from any website — colors, typography, spacing, shadows, and more

Google apps