MakeMyMD
A tool that pulls colours, typography, spacing and component rules from a brand's logo, guidelines or website into a single DESIGN.md file. AI coding tools then use that file to build screens that stay true to the brand.
- Type
- Product
- Website
- makemymd.com
What it does
MakeMyMD gathers the colours, typography, spacing and component rules from a brand's logo, guidelines or website into a single DESIGN.md file that AI coding tools can read. Hand it to tools like Claude, Cursor or v0, and the screens they produce follow the brand's rules.
Why we built it
AI coding tools produce screens fast, but they don't know your brand; without rules, colours, typefaces and spacing come out different every time, and the brand identity drifts. As a creative agency that has looked after brands' rules for years, we believe those rules should reach AI tools with the same care. We built MakeMyMD to do that in one file.
How it works
The process has three steps:
- Provide a source: Upload a logo or a PDF brand guide, or enter the brand's website address. Uploaded files are not sent to a server; they are processed in the browser.
- Refine the rules: A step-by-step wizard, with a Turkish interface, suggests the colour palette, type scale, spacing, corner radii and component rules, and every value can be changed.
- Get the file: Download the result as DESIGN.md, CSS variables, a Tailwind theme or JSON tokens, and drop it into the project's root folder.
DESIGN.md is a format introduced by Google Stitch: it combines machine-readable tokens with human-readable reasoning in one Markdown file. Tools that read project files, such as Claude Code, Cursor, v0, Google Stitch, GitHub Copilot, Windsurf, Lovable and Bolt, use it to build interfaces that follow its rules.
Today
MakeMyMD is live. Alongside the wizard there is a library of ready-made design systems in the style of well-known brands, a community showcase and guides to DESIGN.md. Details are at makemymd.com.