Generate a DESIGN.md
Drop a brand guideline, screenshot or image. MarkAll reads the visual language with Llama 4 and writes a complete, AI-ready design system document.
Drop an image to generate DESIGN.md
PNG · JPG · WebP — or click to run the BMW sample
Reading the design…
detecting palette…
Try:
design/DESIGN.md
Design System Analysis
npx markall@latest add bmw
Run from your project root, then tell your AI to use DESIGN.md for all UI work.
Optimized system prompts that recreate this visual language in any AI tool.
prompt
DESIGN.md · raw
Compare two designs
Where do two interfaces agree, and where do they diverge? MarkAll lines up every dimension side by side.
BMW
Luxury · Engineered
vs
Stripe
Clean · Fintech
Verdict — BMW commits to engineered precision: 0px radius, no shadows, dark/light contrast. Stripe optimizes for trust and density with soft gradients and rounded surfaces. Borrow BMW's discipline for premium marketing, Stripe's clarity for product UI.
Blend multiple styles
Mix design languages by weight. MarkAll fuses them into a single new DESIGN.md.
Mix · 100% allocated
Blended result
accent
Design knowledge base
Every DESIGN.md is stored locally — searchable, reopenable, exportable. Your private library of design intelligence.
⌕Search healthcare, fintech, AI landing…
The app is the demo
Every DESIGN.md MarkAll writes can become a working theme. Pick one — the entire UI restyles itself live from the extracted tokens.
Self-styling pipeline
Guideline→
Analyze→
DESIGN.md→
Apply tokens→
Live UI