Squints launches a free Chrome extension that brings Figma-style inspection, measurement, grid overlays, and animation scrubbing directly onto live web pages.
Squints is a free, privacy-focused Chrome extension created by Andreas Katzmann that brings Figma-grade design inspection tools directly onto live web pages. Built for design engineers and frontend developers bridging the gap between design mockups and production code, Squints lets users inspect element spacing and box gaps, drag out snapping rulers and guides, overlay responsive column grids remembered per site, inspect rendered fonts with metrics, extract colors and CSS tokens, and slow down or scrub web animations to a tenth of their speed. The extension requires no account, features zero tracking, and includes built-in tools for capturing annotated screenshots and screen recordings.
As UI design workflows increasingly transition directly into code, standard browser DevTools remain cumbersome for visual polish—Squints elegantly solves this by turning the live viewport into an intuitive, Figma-like canvas.
- –Bridges Figma and DevTools: Standard DevTools prioritize DOM hierarchy and CSS declarations, whereas Squints provides instant distance-to-element measurements, snap guides, and column grids over live markup.
- –Solves motion inspection bottlenecks: Debugging CSS transitions and JavaScript animations is traditionally tedious; slowing motion down to 10% speed with interactive scrubbing transforms micro-interaction QA.
- –Frictionless privacy-first adoption: Operating completely free without user registration or telemetry ensures immediate clearance for use across enterprise environments and sensitive client projects.
- –Design token fidelity: Exposing the actual rendered web font and extracting active color tokens allows developers and designers to quickly verify design system compliance in production.
DISCOVERED
1d ago
2026-09-25
PUBLISHED
1d ago
2026-09-25
RELEVANCE
AUTHOR
Andreas Katzmann