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
Raouf Belakhdar

Raouf Belakhdar

186 Followers

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