Flexible Grid Ruler

Flexible Grid Ruler

Hey, Dribbblers 👋

This ruler was made for easier work with grid-based layouts like Bootstrap Grid, especially when your design has some nested grids.

The ruler has fixed gutter width, so when you stretch or squeeze it, the gutter width will remain the same, only column width will change.

It was built using Sketch Symbols, and Shared Styles so you can easily customize colors and gutter width.

I hope it will be helpful for you 👍
Download .sketch file here.

If this shot receives enough likes I'll post a dark edition of this ruler (for dark layouts) 😉


keyboard shortcuts: L or F like Z toggle zoom