DesignForge
Contains ads
Everyone
info
1+
Downloads
Everyone
Learn more
About this app
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.
[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.
One DESIGN.md file for your color, type, and spacing rules — for AI and humans.
Updated on
Safety starts with understanding how developers collect and share your data. Data privacy and security practices may vary based on your use, region, and age. The developer provided this information and may update it over time.
What’s new
Ask an AI for a UI and the colors and spacing differ every time. The gap isn't taste; nobody defined "correct."
DesignForge puts your color, type and spacing rules into one file: DESIGN.md. Decide 8 things; 14 colors, 7 type steps, radii and spacing follow.
- Live preview of headings, buttons, cards and fields
- 12 real tools double as a fitting room
- Hard-to-read pairs flagged before export (WCAG AA)
- Drop it in your repo; AI and people read one rulebook
Your data stays on the device.
DesignForge puts your color, type and spacing rules into one file: DESIGN.md. Decide 8 things; 14 colors, 7 type steps, radii and spacing follow.
- Live preview of headings, buttons, cards and fields
- 12 real tools double as a fitting room
- Hard-to-read pairs flagged before export (WCAG AA)
- Drop it in your repo; AI and people read one rulebook
Your data stays on the device.
