Create a new Figma grid style

Watch Video Tutorial

Create a Grid Style

  • Next, select your grid element to open the Layout grid’s settings modal.
  • Select the Grid menu and choose Column in the left corner of the grid modal.
  • After that, hit the four dots icons in the Grid section to trigger the grid styles modal.
  • Click the + icon in the right corner of the Grid styles modal.
  • Let’s give our style the name of Grid Style 1 then hit Create style button.

Apply a Grid Style to a layer

  • Hit the four dots icon in the right corner of the Grid section to trigger the styles modal, then select Grid styles 1 to apply the style to your frame layer.

Access your File’s Grid Styles

Edit a Grid Style

Delete a Grid Style

Before you go

--

--

Figma Landing Page’s Design Resources Colors palettes, Typography Styles and ready to use Components. https://www.captain-design.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store