Design Lens icon

Design Lens

by shapiro77

v1.0.0 Updated Mar 31, 2026 124KiB
CWS
0
Users
★ 0.00
0 reviews
#179627
of 207.2K
developer
#15921 of 18.1K
Recently updated

Description

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.
Design Lens screenshot 1

Reviews

Loading reviews...

Permissions (2)

Permissions

activeTab Can access the current tab when you click the extension scripting Can inject scripts into web pages

Details

Version 1.0.0
Updated Mar 31, 2026
Size 124KiB
First Seen Apr 1, 2026