Featured Image

Figma grid starter kit for Semplice

May 22, 2021
1 min read

I’ve been using the Semplice theme for the last few years for this website. It’s intuitive and isn’t weighed down like most WordPress builders.

An unintuitive part of Semplice is the custom grid system. It's not clear how padding settings work, so it's difficult to predict how they will look. Until now :)

I create a Figma kit for Semplice with grid styles that match Semplice's grid system. This makes it easy for Figma / Semplice users to create accurate layouts.
My kit uses a double-grid system. The hairline guides are column breakpoints and the thick guides are gutters:

  • use gutter guides for content
  • use hairline guides for column background colors

You can find my kit in the Figma Community

Tagged: FigmaSemplice

No comments.

Leave a replyReply to