Grid Creator

About this plugin

READMEIntroduceThis plugin is used to assist designers in creating grid systems in graphic design projects, and the measurement and creation steps of grid systems refer to the book Grid Systems in Graphic Design.How to usePaper selection / Type area settingsSet the paper size in the Paper fieldSet the paper orientation in the Orient fieldSet the center margin to Golden Ratio or Custom in the Type area (selecting the Golden Ratio system will set the default margin according to the existing configuration, and the designer can modify the margin value according to the actual situation)Columns / grid modulesSet the number of columns of the grid system in the Col num fieldSet the column spacing of the grid system in the Col gap fieldSet the number of grid modules for each column of the grid system in the Grid num Set the grid module spacing of the grid system in the Grid gap fieldTypography settingsSet the height of the text line you want to put into the grid system in Line heightCap height: If the text has Vertical trim: Cap height to base line enabled, you need to assign a value here, otherwise keep the defaultCalculateClick the Calculate button to precompute the relevant math of the grid systemAdjustClick the Adjust button to optimize the amount of math (e.g. decimal rounding)GenerateClick Generate to create a grid system in the figma canvasReferencesMüller-Brockmann, Josef. Grid Systems in Graphic Design: A Visual Communication Manual for Graphic Designers, Typographers and Three Dimensional Designers = Raster Systeme Für Die Visuelle Gestaltung: Ein Handbuch Für Grafiker, Typografen Und Ausstellungsgestalter. 18th edition. Salenstein: Niggli, 2021.