gridmansky icon indicating copy to clipboard operation
gridmansky copied to clipboard

How we use Grids at Fredmansky!

📏 Gridmansky

How we use Grids at Fredmansky!

Here you can Create your Grid for each Breakpoint: Gridmansky

🤗 Installation

  1. Download Gridmansky.
  2. Double click on gridmansky.sketchplugin.

OR Install via Sketchpack

Install Gridmansky with Sketchpacks

Usage

😏 Create Grid

  1. Create an Artboard
  2. Create a Rectangle Shape
  3. Select this Rectangle
  4. Press: ctrl + cmd + g or go to: Plugins > 📏 Gridmansky > 😏 Create Grid
  5. Enter the amount of columns. But usually here is nothing to change
  6. Enter the gutter for each column

More visual? Go.

  1. Create an Artboard Screen 01

  2. Create a Rectangle Shape and select this Rectangle Screen 02

  3. Press: ctrl + cmd + g or go to: Plugins > 📏 Gridmansky > 😏 Create Grid Screen 03

  4. Enter the amount of columns. But usually here is nothing to change Screen 04

  5. Enter the gutter for each column Screen 05

  6. Voila, here is your Grid Screen 06

😥 Remove Grid

Just right click on the Ruler and choose "Remove All Vertical Guides"

👉 Links

Twitter / Instagram / Facebook / Linkedin / Dribbble / Fredmansky