Free Design System Tools

Free design system tools with no account: turn any website into DESIGN.md, AGENTS.md, tokens.css and W3C DTCG tokens, read from the page as it renders.

Tools

• Website to design kit: Paste a URL. Get DESIGN.md, AGENTS.md, tokens.css and a W3C DTCG file, read from the page the browser actually renders.
• Contrast and colour-vision checker: Every text and surface pair in WCAG 2 or APCA, a passing shade for each one that fails, and which colours merge for one man in twelve.

Next

• Design system health check. A 0-100 score for how much of a page runs on tokens, with the near misses that pull it down.