All activity
Grid overlays, pixel-perfect measurements, WCAG contrast checker, layout inspector, and 8 more professional tools. Built for designers and developers who care about pixel-perfect web design. Zero performance impact. Free forever.

Designer's Little Helper12 professional browser design tools in one extension
Shahar Ben Sidileft a comment
👋 Hey Product Hunt! I'm Shahar, a product designer with over a decade of experience working across companies, startups, and freelance projects. Why I Built This Throughout my career, I kept running into the same challenge. The gap between design and development. Not the conceptual gap. The practical, everyday one. A designer checks their mockup: "16px padding." They open the live site: it's...

Designer's Little Helper12 professional browser design tools in one extension
From color to complete system — accessible, scalable, and ready to build.
Generate WCAG-compliant color scales, support dark mode, and export to CSS, SCSS, Tailwind, or JSON.
Plus, import your palettes straight into Figma with the official plugin.

Accessible Color Scale GeneratorCreate beautiful, accessible color palettes
Shahar Ben Sidileft a comment
I've created two small tools to help designers and developers work with colors. 1. Color Palette Generator Unlike other generators, this tool doesn't just build shades around your chosen color - it first checks that the color itself is accessible for both black and white text. If it doesn't meet the standards (WCAG AA standards), the tool finds the closest color that does pass accessibility...

Accessible Color Scale GeneratorCreate beautiful, accessible color palettes
