Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
How to install extract-design-system?
arvindrk/extract-design-system
$git clone https://github.com/arvindrk/extract-design-systemInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install extract-design-system by running `git clone https://github.com/arvindrk/extract-design-system`, then use it for the current task and follow its documentation at https://github.com/arvindrk/extract-design-system.
Related
6 picksType
- figma-context-mcpGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.Jul 2026
- sunnysidefigma-context-mcpModel Context Protocol server for Figma integrationApr 2026
- figma-console-mcpThe most comprehensive MCP server for Figma — design tokens, variables, components, write tools, version history diff, accessibility audits, FigJam, Slides, and more. Local (WebSocket Desktop Bridge plugin) and Cloudflare Workers (paired + remote) modes.Jul 2026
- freecad-mcpFreeCAD MCP(Model Context Protocol) serverJul 2026
- dembrandtExtract design tokens and publicly visible CSS information from any websiteJul 2026
- touchdesigner-mcpMCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agentsJul 2026
