Back to Plugins
Griddle

Griddle

Arrange any number of selected elements into a grid.

css gridsortauto layoutorganize layerscomponentsarrangesort layersparametersgridcolumnstable

Plugin Preview

Griddle preview

About this plugin

Overview

With griddle, you can organize any number of selected elements into a grid:

  1. Select the element you want to include in the grid.
  2. Specify the number of columns in the grid.
  3. Enter the gap size between columns and rows (in pixels).
  4. You've made a grid!

Notes

  1. 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.
  2. Nodes are sorted numerically and alphabetically prior to making the grid. Since the plugin uses JavaScript's native sort() and localeCompare() methods, behavior may not always be predictable.
  3. 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

Version35
CreatedJuly 14, 2022
Last UpdatedNovember 1, 2024
CategoryFile organization plugins
CreatorChristopher Kark
Stats1579 installs, 125 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figjam
  • Allowed Domains:
    • none