# Raycast Store — designlang extension

## Title

designlang — Extract a website's design system

## Subtitle

Paste any URL, get DTCG tokens / DESIGN.md / Tailwind config in one keystroke.

## Description

Designlang reverse-engineers any website into a complete design system, all from inside Raycast.

Triggers a Playwright extraction (or pulls from cache), then opens the result in your default browser as a shareable permalink at `designlang.app/x/<hash>`. Paste the URL, hit ⌘ Enter, see the design system within 5 seconds.

What you get every time:
• A shareable permalink (works on every device, no account)
• A single-file DESIGN.md for AI coding agents
• 12 file formats: DTCG tokens, Tailwind config, CSS variables, Figma variables, shadcn theme, React/Vue/Svelte themes, iOS SwiftUI, Android Compose, Flutter, WordPress block theme

Free, MIT, no signup.

## Categories

Developer Tools, Productivity

## Keywords

design, tokens, design-system, css, tailwind, figma, dtcg, ai

## Author

Manav Arya Singh (@manavarya09)

## Submission

PR to https://github.com/raycast/extensions with the contents of `raycast-extension/`.
