You can set Layout Grid like design tools.
Layout Grid for browser - High-performance ruler tools
Layout Grid for browser is a Chrome extension that allows you to lay out a LayoutGrid in your browser like a design tool, providing high-performance ruler tools. It is useful for marking up HTML, checking designs, and analyzing reference sites.
Extension stats
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Permissions:
Size: 974.85K
Email: ha*****@gmail.com
URLs: Privacy policy
Ranking
# 28,488
Other platforms
Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
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.
User reviews
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 :)
Extension safety
Risk impact
Layout Grid for browser requires very minimum permissions.
Risk likelihood
Layout Grid for browser has earned a good reputation and can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Layout Grid for browser:
Foundation Overlay Grid System Grid Ruler Muriel Grid Design Column Overlay Page Ruler Dimensions gridView CSS Grid Overlay Page Grid Designer Tools Dimensions Inspect | Gridman
Daniel Samuels
4.50
647
abdullahrafique565
5.00
2,000+
tgohn
3.76
100,000+
jffng
N/A
186
pnarielwala
5.00
629
leocompson
3.96
400,000+
https://www.felixniklas.com
4.13
200,000+
https://www.medinnna.com
3.40
4,000+
https://imagentleman.github.io
4.43
10,000+
chYer
4.00
515
https://designer.tools
4.75
70,000+
https://fenvox.com
4.01
10,000+