Skip to content
Griddle

Griddle

by Christopher Kark

Arrange any number of selected elements into a grid.

FreeFigmaFigJam

Installs

2,089

Likes

165

Users

24,043

Views

10,451

Preview

Griddle preview

About this plugin

OverviewWith 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!

NotesDon'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() and localeCompare() methods, behavior may not always be predictable.

Using grid to sort components in component sets isn't possible.

RoadmapBased on feedback, I'll look into how best to arrange components in component sets.

More file organization plugins plugins

View all