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) 😉
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in