Generate Google Stitch compatible DESIGN.md files from the current webpage.
Users
13
+3 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#176K
#146K among extensions
Version
0.9.2
updated 22 Jun 2026
Users
monthly, 4 months
Latest, 15 Oct 2026:13 usersMove the mouse over the chart for any month
Ratings count
monthly, 4 months
Latest, 15 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About How It Design
How It Design turns the current webpage into a Google Stitch-compatible `DESIGN.md` file, helping designers and developers capture design systems faster. 🎯
🚀 Features:
1. Extract visual signals from the current page, including layout, colors, typography, and screenshots.
2. Generate a structured `DESIGN.md` using your own configured multimodal AI provider.
3. Preview, copy, save, and download the generated design document.
4. Validate the output locally and retry generation when needed.
5. Local-first BYOK: your API key stays in your browser storage and is only sent to your selected provider.
💡 Great for:
1. Recreating UI styles from existing webpages.
2. Documenting product design systems.
3. Handing off design context to AI tools, designers, and frontend engineers.
Growth
Window
Users
Change
Ratings
Rating
7 days
+2
+18.2%
0
0.00
30 days
+3
+30.0%
0
0.00
Chrome Web Store search rankings
Where How It Design appears when people search the store, with the 30 day change