Create grids and measure their distance easily.
It allows web developers to create vertical and horizontal grids, Photoshop style.
It has a ruler to measure distance between your grids too.
# How to use:
- click & drag from main vertical/horizontal ruler to create grid guides.
- click on intersection of vertical ruler and horizontal ruler to go into measurement mode.
- while in measurement mode, hold `Shift` key to get a straight line.
Latest reviews
- (2023-11-01) Артена SEO: Раньше было очень полезным расширением, теперь кроме линеек ничего не работает, направляющие не вытаскиваются
- (2023-09-15) Eduardo Bautista: This should be a very useful extension but for people like me that rely on numbers and measurement for development purposes, this is not so helpful. - would be great to have a unit of measure included (and have the option to choose what type of unit)
- (2023-09-08) Terje Nesthus: Its a cool plugin, but it does not work in responsive mode, you cannot click the rulers
- (2023-08-29) STX: I thought I saw this someplace before. I think mah brain had me thinking it was a Chrome feature because I used it in Photoshop to cut up website designs in the 90s. Maybe it was Firefox. Maybe it was an alternative reality or parallel universe. Why isn't this in DevTools already?!!! This is exactly what I need! +1 Grid Ruler Creator +1 !!!
- (2023-08-26) Carlos Pulido Luque: Si estás diseñando una web y no usas programas como Figma es ideal. Muy útil para diseñar en Wordpress. Me parece una herramienta sencilla, útil y bien hecha. Lástima que lleve tanto sin actualizarse.
- (2023-07-18) Jo Blogs: Does exactly as it's meant to, provides guides so you can align elements on a page. Easy to use.
- (2023-07-12) Tamakamasa Iwasaki: The function to measure the px of a selection of pages is not working well these days.
- (2023-02-21) Esteban Soriano: No funciona
- (2023-02-09) Yunhai Wang: 一小格是多少px啊,还是vw?能不能有个说明
- (2023-01-15) Luiza Schmidt: It doesn't work well when you are inspecting the page or testing responsiveness in chrome dev tools. So the tool isn't as complete as it could be, mainly when it comes to front end development.
- (2023-01-02) Youssef OUIZIANE: Thank you, very simple !
- (2022-10-29) Poked Armory: Nothing happened when I clicked on the extension.
- (2022-08-16) Estrella Peña: Me es de mucha utilidad, muchas gracias
- (2022-08-14) Originality Maze. TV: Really Loved it! SO HELPFUL!
- (2022-08-11) Arnold Thabang Moeketsi: Excellent ruler tool but I only figured it out because I have experience in photoshop and illustrator. I don't think beginners will have an easy time trying to use it.
- (2022-06-01) Vlad Zams: I liked that rulers stays persistently after being added to the page while still allowing to continue interacting with the page. Along with following the explanation here in the comments how to switch to measurement-mode, this tool solves at least 90% of my problems. The explanation about measurement-mode, btw, is the following: 1. when rulers are enabled (visible), click on the top left corner of your page (a rectangular space between the left and top ruler) > you should see the rectangle is turned to be blue 2. do a mouse-left-click anywhere on the page and start dragging (just like you'd do to draw a line in any graphical editor) > you should see a segment is drawn along with a label with a distance specified Optionally you can hold Shift button while drawing the line to make it strictly vertical or horizontal – that also helps a lot!) Tnx!
- (2022-05-16) Vitor Santos De Oliveira: I've been using it for 1 month and the point I'd like to make is that sometimes it just stop working, I click on the extension but it doesn't work. But in general it's a great extension.
- (2022-05-02) Nina Musillo: The grids are cool and I managed to figure out how to get the actual measurement function to work. Im rating 3 stars because it took me 10 minutes to figure out the ruler...because the website page I was testing it on it doesn't work. I tried a different website and the ruler worked. Extension should function regardless of the platform the website was built with (joomla in this case)
- (2022-04-06) UwU: How to remove grid line? or the straight line created in "ruler mode"?
- (2022-02-08) Leonardo Albuquerque: I've been using it for years and I love it. But I never got to make it work while on mobile/responsive view. The clicks are just ignored. It would be perfect if it worked on mobile/responsive view
- (2021-11-12) Bruno Finger: Great extension I rely on for years. Just one small issue. Please make them use the maximum z-index allowed. I have elements drawing on top of them, especially the website tap navbar drawing on top of the top ruler so I can't use it.
- (2021-11-07) Анна Ларенкова: То, что нужно, отличное расширение
- (2021-10-09) Milan Letić: Simple, and does what I need. Helps aligning elements.
- (2021-08-09) Aashish: Awsome
- (2021-07-15) amit erel: Realy helpd me when i was needed to set lines for graphs researches, could have been better if it was also been able to change and adding colors, and also calibrating the measurement tool instead of just pixels measurement.
- (2021-07-12) Albert: There aren't any pixel values.
- (2021-06-22) Edgardo Casanova: Funciona, pero tiene el inconveniente que se superpone arriba y a la derecha a los elementos a medir y no se pueden medir por ej Banners en el top de la web.
- (2021-06-22) AbdulAhmad Matin: I am web developer. and this can help me.
- (2021-06-07) Krzysztof Kiełb: Unusable
- (2021-06-05) Adam Jones: A really useful extension for developers. One issue though; it doesn't seem to be clickable when the mobile device simulator is enabled and the canvas size is resizable.
- (2021-05-03) Numb3rs: It would be cool if it worked also in Device Mode and the settings would be saved on reload. So I develop something and need to place the ruler over and over again after each change and after automatically site reload.
- (2021-03-31) Владимир Левадный: Годно. Всё работает. Спасибо автору.
- (2021-02-25) Santiago valle: No tiene responsive design
- (2021-01-30) vinod T: not working on iframe window
- (2021-01-28) Ali IRTEN: Works like a charm.
- (2020-11-18) 蔡索菲: it's not working on chrome windows10, no measurement at all. I don't know why it has such high mark
- (2020-11-05) Usama Afzal: Helpful :)
- (2020-11-03) J M: Why can't I change the color of the rulers?
- (2020-11-02) 李天宇: I use https://chrome.google.com/webstore/detail/measuring/cibkjdgbiinfkjoikhmnjpcoidgfafob instead of this extension
- (2020-10-13) MARINA APEVALINA: Как их включить?
- (2020-09-12) Alexander Pashkov: отлично, как в фотошопе, ничего лишнего
- (2020-07-26) ابو احمد: This is exactly what i want
- (2020-07-06) Eduardo Martín Díaz Palomares: No sirve , dificil de usar y no ayuda en nada
- (2020-04-16) 若竹流风: very good
- (2020-04-15) Lukáš V: 1. I value this extension because unlike all the other extension this one DOESN'T REQUIRE ANY PERMISSIONS 2. The guidelines are great, not just for measuring. 3. What I would improve is definitely the way the actual measuring is triggered - like many other reviewers, I has a hard time figuring out how to start measuring. 4. A tip for future development - it would be a killer if the measuring arrows would stick to visual elements on the page. Apparently, it's somehow possible without any permissions, because this extension handles it without any perms github.com/mrflix/dimensions. All in all, best ruler extension on the market, if you don't want to give any permissions for such a simple task as measuring some elements on the page.
- (2020-04-07) Arshdeep Singh: It's better than Page ruler redux
- (2020-04-07) Jeswin Varghese: It doesn't work with developer mode on.
- (2020-03-24) Faruk: doesnt work on macbook pro
- (2020-03-24) Vikki Ma: 最近新改版后很难用了 The new version cannot directly measure the module and is difficult to use.
- (2020-03-20) Amine Matouk: no measurements proposed :(
Statistics
Installs
100,000
history
Category
Rating
3.7589 (336 votes)
Last update / version
2024-10-17 / 0.3.0
Listing languages
en