Back to Plugins
GridGen | Automatic Table Generator

GridGen | Automatic Table Generator

<p>Utilizes built-in Figma rectangles, lines, and texts to generate tables with neatly organized layers.</p><p><br></p><p>How-To Use:</p><p>• Select one of three constraint modes (keyboard shortcuts added):</p><p>‣ Cell and table size ("Alt + 1")</p><p>‣ Count and cell size ("Alt + 2")</p><p>‣ Count and table size ("Alt + 3")</p><p>• Modify the values in the textbox and the checkboxes</p><p>• "Create" to generate table, or "Cancel" to exit</p><p>• Supports both mouse and keyboard navigations:</p><p>‣ "Tab" to go to next input</p><p>‣ "Shift + Tab" to go to previous input</p><p>‣ "Arrow" keys on textboxes to increase/decrease by 1</p><p>‣ "Shift + Arrow" keys on textboxes to increaes/decrease by 10</p><p>‣ "Enter" on checkboxes to toggle</p><p>‣ "Enter" on buttons to click</p><p>‣ "Shift + R" to reset input to cached values, if any</p><p>‣ "Shift + C" to initiate table creation</p><p>‣ Shortcuts to switch between constraint modes (see above)</p><p><br></p><p>Current Capabilites:</p><p>• Supports up to 100 rows and columns</p><p>• Supports table up to 5000px by 5000px (width by height)</p><p>• Supports 3 constraint modes (with keyboard shortcuts)</p><p>‣ Cell and table size</p><p>‣ Count and cell size</p><p>‣ Count and table size</p><p>• Enhanced UI experience with validations and loader</p><p>• With/without headers, and ability to specify header height</p><p>• When header is included, specify with/without floating filters</p><p>• Supports striped tables</p><p>• Ability to select both primary and striped colors of the table</p><p>• With/without borders, and ability to define border color</p><p>• Automated population of content and header texts</p><p>• Specify fonts family and style based on list of installed fonts</p><p>• Specify table and header font sizes</p><p>• Caching and preloading of last input</p><p>• Resetting to last cached input upon changes</p><p>• Integrated color picker for customizable colors</p><p><br></p><p>Work-in-Progress:</p><p>• Other units besides pixel</p><p><br></p><p>Other feature suggestions are welcome!</p><p><br></p><p>Note:</p><p>• "GridMod" is approved! If you've been wanting a tool to help you modify your GridGen tables, it's now available :)</p>

generatorfilterstripedgridautomatictabletablesheader

Plugin Preview

GridGen | Automatic Table Generator preview

About this plugin

Utilizes built-in Figma rectangles, lines, and texts to generate tables with neatly organized layers.


How-To Use:

• Select one of three constraint modes (keyboard shortcuts added):

‣ Cell and table size ("Alt + 1")

‣ Count and cell size ("Alt + 2")

‣ Count and table size ("Alt + 3")

• Modify the values in the textbox and the checkboxes

• "Create" to generate table, or "Cancel" to exit

• Supports both mouse and keyboard navigations:

‣ "Tab" to go to next input

‣ "Shift + Tab" to go to previous input

‣ "Arrow" keys on textboxes to increase/decrease by 1

‣ "Shift + Arrow" keys on textboxes to increaes/decrease by 10

‣ "Enter" on checkboxes to toggle

‣ "Enter" on buttons to click

‣ "Shift + R" to reset input to cached values, if any

‣ "Shift + C" to initiate table creation

‣ Shortcuts to switch between constraint modes (see above)


Current Capabilites:

• Supports up to 100 rows and columns

• Supports table up to 5000px by 5000px (width by height)

• Supports 3 constraint modes (with keyboard shortcuts)

‣ Cell and table size

‣ Count and cell size

‣ Count and table size

• Enhanced UI experience with validations and loader

• With/without headers, and ability to specify header height

• When header is included, specify with/without floating filters

• Supports striped tables

• Ability to select both primary and striped colors of the table

• With/without borders, and ability to define border color

• Automated population of content and header texts

• Specify fonts family and style based on list of installed fonts

• Specify table and header font sizes

• Caching and preloading of last input

• Resetting to last cached input upon changes

• Integrated color picker for customizable colors


Work-in-Progress:

• Other units besides pixel


Other feature suggestions are welcome!


Note:

• "GridMod" is approved! If you've been wanting a tool to help you modify your GridGen tables, it's now available :)

Plugin Details

Version46
CreatedJanuary 8, 2020
Last UpdatedMarch 24, 2021
CategoryFile organization plugins
CreatorStevanus Satria
Stats4038 installs, 75 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js