Back to Plugins

Griddle
Arrange any number of selected elements into a grid.
css gridsortauto layoutorganize layerscomponentsarrangesort layersparametersgridcolumnstable
Plugin Preview
About this plugin
Overview
With griddle, you can organize any number of selected elements into a grid:
- Select the element you want to include in the grid.
- Specify the number of columns in the grid.
- Enter the gap size between columns and rows (in pixels).
- Optionally select a sorting pattern—descending, ascending, or random.
- You've made a grid!
Notes
- Don't feel constrained by the suggestions; feel free to specify any number of columns and any gap size you want. Just make sure both values are a number.
- Nodes are sorted numerically and alphabetically prior to making the grid. Since the plugin uses JavaScript's native
sort()andlocaleCompare()methods, behavior may not always be predictable. - Using grid to sort components in component sets isn't possible.
Roadmap
Based on feedback, I'll look into how best to arrange components in component sets.
Plugin Details
| Version | 39 |
|---|---|
| Created | July 14, 2022 |
| Last Updated | August 26, 2025 |
| Category | File organization plugins |
| Creator | Christopher Kark |
| Stats | 1819 installs, 138 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Document Access:dynamic-page
- Editor Types:figjam
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.