Sketch Frame Layout Generator – calculate layout settings in seconds

I built a little tool to help calculate layout settings for Sketch frames – columns, gutters, margins, and offset – without needing to do the maths :grinning_face:

You can enter your frame width, number of columns, gutter size, and side margin, and it gives you the exact values to use in Sketch. There’s also a live SVG preview showing how your grid will look.

:hammer_and_wrench: Try it here:
:backhand_index_pointing_right: Sketch Frame Layout Generator

Would love any feedback. Hope it’s helpful!

8 Likes