SnapGuide
Item logo image for SnapGuide

SnapGuide

Featured
4.3(

14 ratings

)
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

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 alexratmansky@yandex.ru

4.3 out of 514 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Dmitry Gurovich (yrtimiD)Jun 24, 2022

Like it, very useful and easy to use

Review's profile picture

Valentin TanaseOct 20, 2021

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

Review's profile picture

Toan Tran VanJan 21, 2021

Short key to launch/stop SnapGuide seems not working

4 out of 4 found this helpful

Details

  • Version
    1.0.1
  • Updated
    February 8, 2021
  • Offered by
    Alex
  • Size
    194KiB
  • Languages
    English
  • Developer
    Email
    alex@measuremate.xyz
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Tape

4.6(156)

Measurement tools, rulers and grids

guideLinr

4.1(24)

Photoshop-like guide lines for any page

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Measure-it

3.9(36)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Guide lines

3.0(3)

Easily check the visual alignment of the page elements.

Formal Measures

5.0(3)

Measures distances between elements

Guides

4.2(10)

This simple app allows you to create modify and delete horizontal and vertical guides to check if the elements are correctly aligned

Designer Tools

4.7(206)

Measure and align elements within Chrome

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

Ruler Measurement

3.3(40)

Make you measurement easy with Chrullex (CH-rome RUL-er EX-tension)

Grids & Rulers

4.8(5)

Create grids and rulers overlays to help develop your web applications

Tape

4.6(156)

Measurement tools, rulers and grids

guideLinr

4.1(24)

Photoshop-like guide lines for any page

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Measure-it

3.9(36)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Guide lines

3.0(3)

Easily check the visual alignment of the page elements.

Formal Measures

5.0(3)

Measures distances between elements

Guides

4.2(10)

This simple app allows you to create modify and delete horizontal and vertical guides to check if the elements are correctly aligned

Designer Tools

4.7(206)

Measure and align elements within Chrome

Google apps