DesignForge

DesignForge turns your app's "design rules" — color, type, spacing — into a single file called DESIGN.md.

[When you need this]

- Every time you ask an AI to build a UI, the colors and spacing feel slightly different

- You keep forgetting which shade you settled on last time

- The shared rules for your team or your AI only exist in your head

The gap isn't a difference in taste — it's that nobody handed over a definition of "correct." DesignForge turns that definition into a file.

[How it works]

1. Pick a starting preset for your app's genre

2. Adjust primary color, light/dark balance, typography, scale ratio, spacing, and corner radius

3. Check the live preview to see how it actually looks

4. Copy, share, or save DESIGN.md and drop it into your project

You only decide about 8 things. From there, DesignForge derives 14 colors, 7 type steps, corner radii, spacing, and component styles automatically. You're never asked to pick everything by hand, so you actually finish instead of giving up halfway.

[Highlights]

- Live preview

Headings, body text, primary and secondary buttons, chips, cards, and text fields are all rendered with your current settings. Change a number and it updates instantly.

- 12 tools double as a fitting room

A to-do list, color sticky notes, a break timer, a stopwatch, a counter, a roulette wheel, a day counter, a habit tracker, a pre-launch checklist, and more — all real tools you can actually use, all drawn with the DESIGN.md tokens you're building. You check your palette against screens you'd actually use, not a mockup.

- Contrast checking built in

WCAG AA compliance is checked on-device, so you catch hard-to-read combinations before you export.

- Follows the DESIGN.md format

The output format isn't something we invented — it follows the published DESIGN.md spec.

- Save and recall

Name a design you've built and load it again later.

[What you get]

A single Markdown file containing token definitions (YAML) for color, type, layout, corner radius, and components, plus prose describing what to do and what not to do. Drop it straight into a repo for your AI agents or teammates to read.

[Please note]

- Everything you enter is stored on your device only. No account required.

- The app is free to use. Ads are shown to support development.