Squints

Design tools for the live web

54 followers

Design tools for the live web

54 followers

Visit website

Interface design tools

•

Chrome Extensions

Squints puts design tools on top of any live web page. Measure spacing, drag out guides, overlay a column grid, pick colours in any format, see the font that actually rendered, and slow down or scrub any animation. Free, no account, no tracking.

Free

Launch tags:Design Tools•Productivity•Developer Tools

Launch Team

AWS Startup AdvisorPersonalized AWS guidance that meets you where you’re already building

Promoted

Squints

Maker

📌

Hey Product Hunt 👋 I'm Andreas, a product designer and frontend engineer based near Copenhagen. I've been designing more and more directly in code. But in the browser, I kept missing the tools I'm used to from Figma: rulers, guides, a column grid, a proper colour picker. So I built Squints, initially just for myself. It puts those tools on top of any live web page, plus a few Figma doesn't have: slowing every animation down and scrubbing through it, seeing the font that actually rendered, and copying an annotated screenshot straight into your AI tool. I'd love to hear what you'd use it for, and what's missing.

Report

2mo ago