Design Lens

by shapiro77 · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Learn from any webpage's design system with extracted colors, typography, spacing, and UI patterns.

Users

+4 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#164K

#137K among extensions

Version

1.0.0

updated 31 Mar 2026

Users

monthly, 7 months

Latest, 16 Oct 2026: 16 usersMove the mouse over the chart for any month

Ratings count

monthly, 7 months

Latest, 16 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 Design Lens

See how great websites are built. Design Lens analyzes any webpage and extracts its design system in seconds—helping developers, designers, and creators learn, replicate, and improve UI faster. What you get instantly: • Color systems (primary, accent, background) • Typography hierarchy (H1, H2, body text) • Spacing scale and layout rhythm • Component patterns and button styles • CSS variables and design tokens Built for real workflows: • Copy Tailwind-ready config • Export CSS variables • Get structured JSON tokens • Learn from real production sites Perfect for: • Frontend developers • UI/UX designers • Product teams • Anyone learning design systems Privacy-first: Design Lens runs entirely in your browser. No tracking. No data collection. No external requests. --- Stop guessing how interfaces are built. Start seeing the system behind them.