8pt Grid Presets in the Designer

Right now, the pre-set pixel sizes for margins and padding are in multiples of 10, making them almost useless if you're designing in the 8pt grid.

It would be great to be able to switch to an 8pt grid option that shows preset pixel sizes in multiples of 8 (8px, 16px, 24px, 32px, etc.)

  • PG Gonni
  • Sep 8 2020
  • Reviewed
  • Kwesi Salim commented
    November 17, 2023 22:18

    basic.

  • Charles Ralph-Smith commented
    August 24, 2023 05:53

    I think they're referring to have presets in multiples of 8's, and the nudge amount within the properties panel (Shift + up, Shift + down) to move 8px, and not 10px every time.

  • Ádám Simon commented
    August 19, 2022 19:51

    I'd like to bump up this thread because I found it very important. Working in 8pt instead of 10's is very important for professional designers. UI design softwares like Figma has this option called nudge amount.

    Figma is a freeform design tool so it's really important to position and resize elements by simply jump between 8 pixels. This is 10 by default like Webflow but you can change it to 8.

    I think it would be convenient to have the same option in Webflow. Double checking every default section to replace 10s to 8s can be a huge pain.

  • PG Gonni commented
    June 30, 2021 21:48

    I was referring to this panel here. I use 8px, 16px, 24px, 32px, and 40px, constantly on all of my projects, so the 0, 10, 20, 40, etc. presets are useless to me.

    With the 8pt (or 4pt) grid being so popular it would be nice to have those numbers as presets!

  • PG Gonni commented
    June 30, 2021 21:48

    I was referring to this panel here. I use 8px, 16px, 24px, 32px, and 40px, constantly on all of my projects, so the 0, 10, 20, 40, etc. presets are useless to me.

    With the 8pt (or 4pt) grid being so popular it would be nice to have those numbers as presets!

  • Admin
    Webflow Admin commented
    June 30, 2021 21:44

    You should be able to set completely custom grid spacing and padding by the individual pixel. Can you clarify in more detail what you are looking for? Thank you!

  • +6