
Designer Tools
80,000+ users
Version: 5.6.1
Updated: March 5, 2025

Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!

Trump 2024 Elections donald trump Poster

Paris 2024 Paralympics Coloured Pin Badge

Red Dragon Hardcore Red Triple Freestyle Dart Flights

Pop! Marvel: Deadpool & Wolverine - Dogpool

2024 Topps Chrome U.s. Olympic And Paralympic Hopefuls 136 Mohamed

30 Instagram Highlights Covers, Instagram Story Highlights Icons, Minimalist Social Media Kit, Aesthetic Instagram Highlights
Designer Tools helps web designers and developers achieve pixel-perfect results with ease. It includes features like rulers, guidelines, and multiple ways of measuring elements and spacing. You can customize your setup with grids, move or remove guides, and tweak settings to match your workflow. PLUS subscribers gain access to extra tools and resources to enhance their design process.
Related

Responsive Viewer
300,000+

Dimensions
100,000+

Better Ruler
30,000+

Grids & Rulers
3,000+

CSS Peeper
500,000+

Grid Ruler
100,000+

SnapGuide
1,000+

Tape
20,000+

Web Ruler
1,000+

Hover inspector like in Zeplin , Figma
9,000+

Measuremate
30,000+

Measure Everything
10,000+

Simple Ruler
8,000+

Measure-it
70,000+

Page Ruler
500,000+

Ruler Measurement
20,000+

Simple Ruler
6,000+

Page Ruler
10,000+

Liner. The Real Ruler
10,000+

VisBug
200,000+

PixGrid Ruler
20,000+

Hoverify: All-in-one extension for web developers
20,000+

CSS Grid Overlay
10,000+

PerfectPixel by WellDoneCode (pixel perfect)
300,000+