# Design Extract

> Reverse engineer any website design system with one command

- Canonical URL: https://www.fosshunter.com/tools/design-extract
- JSON export: https://www.fosshunter.com/tools/design-extract.json
- Website: https://github.com/Manavarya09/design-extract
- Category: Design
- Open source: yes
- Self-hostable: yes
- Verified listing: no
- Featured: no
- Published at: 2026-05-20T17:01:02+00:00
- Catalog revision: `1053397304`

## Repository metrics (point-in-time)

- Repository: https://github.com/Manavarya09/design-extract
- Stars: 4494
- Forks: 387
- Open issues: 18
- License: MIT
- Last push: 2026-11-03T13:35:22+00:00
- Metrics observed at (synced_at): 2026-11-04T04:49:33+00:00
- Archived: no

Tags: MCP Server, Agent Skills, Design, Shadcn UI, Design Token, Design System, Skills SH
Tech stacks: docker, javascript, nextjs, nodejs, react, Tailwind CSS, typescript

## Features
- Instantly captures DTCG tokens and Tailwind v4 configurations from live websites. *(highlighted)*
- Exports design systems to Figma variables and multi platform code components. *(highlighted)*
- Conducts comprehensive CSS health audits and WCAG accessibility contrast scoring. *(highlighted)*

## Description

Design Extract is a CLI tool that captures full design systems from any live URL. It generates DTCG tokens, Tailwind v4 configs, and Figma variables while providing WCAG accessibility audits and multi platform component exports.

---
Source: [FOSSHunter — Design Extract](https://www.fosshunter.com/tools/design-extract) — cite `synced_at` and the catalog revision when quoting metrics.
Interpretation rules: https://www.fosshunter.com/llms-full.txt