Grid module for FramerJS
Sometimes I create a layout for my prototype directly in FramerJS. Since I am used to design a layout with a grid (this is the most important and useful design tool) in my visual editor (Sketch) I decided to create a grid module for my favorite prototyping tool.
- Download gridddle.coffee;
- Put it into module folder of your FramerJS project;
- Connect gridddle to your code.
# Connect gridddle module
module = require "gridddle"
# Define amount of cell and grid color
amountOfCell = 16
gridColor = "rgba(226, 74, 74, .5)"
# Call gridddle and pass it out gridddle settings
module.gridddle(amountOfCell, gridColor)amountOfCell defines amount of horizontal cell.
gridColor sets color for our grid.
