X: 351.00 px
D: 2410.00 px


Draggable guides and measuring for Chrome



Drag guides out from the rulers


Hover over a guide to measure the distance between any intersecting guides


Guides are persistent on page refresh and across domain

Create Photoshop-style guides in Chrome

Use Aline to keep your development in line with the design. With Aline it's easy to see when padding or margins are not quite lining up. The perfect tool to complement your front end development workflow.

Simply drag guides out from the rulers and set up a grid to match your page. Make sure elements on subsequent pages match the same grid with persistent guides. Even if you use a grid, differences in padding can mean your layout doesn't align.

  • Aline
  • Aline
Available in the Chrome Web Store
Make sure your designs Aline.