DesignMD
designmd.ccExtract any website's design DNA into a production-grade DESIGN.md spec.
Dev Toolsdesign-tokensai-codingcssdesign-systemmarkdownfrontenddeveloper-tools
About
DesignMD is a tool that extracts design tokens from any public URL by analyzing the live DOM and CSSOM, producing a structured markdown file (DESIGN.md) containing colors, typography, spacing, CSS variables, breakpoints, and component patterns. The output is formatted for direct consumption by AI coding agents like Cursor, Claude Code, and GitHub Copilot. It requires no account and offers a free daily usage quota.
Problem
Developers struggle to extract and document a website's design system for use in AI-assisted coding workflows.
For
Frontend developers and AI coding agent users who want to replicate or reference a website's design system
How it works
DesignMD fetches a URL, reads the live DOM and CSSOM to measure real CSS variables, typography, spacing, and breakpoints, then generates a structured DESIGN.md file ready for AI coding agents.
Business model
free
Status
launched