UNPKG

figma-gridgen

Version:

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

github.com/stevahnes/figma-plugins

stevahnes/figma-plugins

49 lines (40 loc) • 2.08 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
# GridGen [![Link to Figma](https://badgen.net/badge/figma/@gridgen/purple)](https://www.figma.com/c/plugin/796759972238579874) [![npm Version](https://badgen.net/npm/v/figma-gridgen?icon=npm)](https://www.npmjs.com/package/figma-gridgen) Utilizes built-in Figma rectangles, lines, and texts to generate tables with neatly organized layers. ![Artwork](https://raw.githubusercontent.com/stevahnes/figma-plugins/master/packages/figma-gridgen/media/artwork.jpg) ## 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 ## License: [MIT](/LICENSE)