Layout Grid for browser

#4 / 1 rate

Layout Grid for browser

1,000 users

2022-09-04

hanzochang

Extension Information

5 star
0%
4 star
100%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

You can set Layout Grid like design tools.

Layout Grid for browser:

It is an extension that allows you to lay out a LayoutGrid in your browser like a design tool, for instance, Figma, Sketch, Photoshop, and Illustrator.
And it provides you a high-performance ruler tools.

It is useful for marking up HTML, checking a design, and analyzing any other reference sites.

Recommended for such occasions:
Markup, Designing, Quality assurance.

Features:
- Layoutgrid can be laid out by setting a gap to an arbitrary width.For example, 8px, 16px, 24px...etc. in multiples of 8. For example, a multiple of 10...
- You can immediately start up and measure the number of pixels.
- Simply roll over a line to instantly check the number of pixels
- You can immediately launch the extension by simply clicking on the extension button.
- Once a guide is created, it can be saved as a URL.
- The color of the guide can be changed freely.
- The transparency of the guide can be changed freely.
- The angle of the guide can be changed freely, even to a 45-degree angle.

Reviews

Andy Hall
Andy Hall

Tremendously useful tool, wish I'd found it much sooner. The grid is easy to use and set up. Unfortunately doesn't seem to allow for saving settings and you have to disable it to RClick an element into inspector. I gave this 3* I really want to give this more stars - those 2 features are worth a star each. [EDIT] You know what, after using this extension for another day, the RClick an element issue isn't really a problem, so now it's a 4* extension :)

Similar extensions

Foundation Overlay
Foundation Overlay

Daniel Samuels

Grid System
Grid System

abdullahrafique565

Designer Tools
Designer Tools

https://designer.tools

Grid Ruler
Grid Ruler

tgohn

Muriel Grid
Muriel Grid

jffng

Page Ruler
Page Ruler

leocompson

Dimensions
Dimensions

https://www.felixniklas.com

gridView
gridView

https://www.medinnna.com

CSS Grid Overlay
CSS Grid Overlay

https://imagentleman.github.io

Page Grid
Page Grid

chYer

NOV Grid - Responsive grid overlay
NOV Grid - Responsive grid overlay

Dennis Novriandi

Dimensions Inspect | Gridman
Dimensions Inspect | Gridman

https://fenvox.com