SnapGuide

#4.29 / 14 rate

SnapGuide

1,000 users

2020-05-20

Alex

Extension Information

5 star
75%
4 star
25%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

Chrome extension for measuring elements on page

SnapGuide is a tool that brings Photoshop-like guides to web. It lets you put down guides that snap intelligently to the page content. It snaps to borders and padding, and will even snap to the baseline of text. There is on-screen help with a list of shortcuts.

Unlike some extensions it will not interfere with any webpage you visit unless you click the SnapGuide icon.

Once installed: Click icon or Alt+Shift+S to activate. Read help, or press Space to dismiss it. Mouse over document, observe that rules snap to useful positions (including baselines!), and use keys as follows:

V – add vertical guide
H – add horizontal guide
Q – remove all guides
←, ↑, →, ↓ – move cursor 1px (+ Shift for x10)
Space – toggle help

Alt+Shift+S - launch SnapGuide

Please leave feedback or send me suggestions at [email protected]

Reviews

Dmitry Gurovich (yrtimiD)
Dmitry Gurovich (yrtimiD)

Like it, very useful and easy to use

Valentin Tanase
Valentin Tanase

Once turned on can't exit the SnapGuide extension and mouse will keep the horizontal and vertical positioning line. If you open Inspect Element only clicks are recorded. SnapGuide helps but is far from a perfect tool

Toan Tran Van
Toan Tran Van

Short key to launch/stop SnapGuide seems not working

Similar extensions

Guide lines
Guide lines

imagentleman (José Antonio Chio)

Formal Measures
Formal Measures

emilian.branzelov

Guides
Guides

Stefano Vollono

Designer Tools
Designer Tools

https://designer.tools

Page Ruler
Page Ruler

leocompson

Dimensions
Dimensions

https://www.felixniklas.com

Ruler Measurement
Ruler Measurement

Vadim Albarov

Grids & Rulers
Grids & Rulers

https://jeremie.patonnier.net

Tape
Tape

Richard Tucker

guideLinr
guideLinr

slobaum

Better Ruler
Better Ruler

paul

Measure-it
Measure-it

Trishul