Generate design tokens from any website instantly. Free and open source, trusted by 1,900 developers.
npm install -g dembrandt@latest
dembrandt website.comExtract colors, typography, spacing, shadows, and logos. Outputs W3C design tokens for Figma, Tailwind, PDF, or any design system.
Public Beta. Track token drift, compare snapshots, and catch design regressions before they ship. Pin a baseline, run an extraction after each release, and get a visual diff of what changed. Sign in with GitHub to enable cloud sync: pass --key to the CLI and every deploy records a snapshot automatically.
The Senior UX Skills for AI Agents. Injects 20+ years of opinionated expertise into your workflow. Covers hierarchy, typography, WCAG 2.2 accessibility, and Web Vitals to ensure agents generate quality by default.
Real-time validator for W3C Design Tokens Community Group format. Supports all 13 token types, aliases, and circular reference detection.
25 years in design, dev, branding and marketing. Tools that actually work. Mac and CLI focused.
Maintained by @dembrandt. If you or your company rely on these tools, consider supporting development via GitHub Sponsors.
dembrandt.com · LinkedIn · X · YouTube
