Rearrange cards in the preview and show your real designs
Drag cards between columns in Masonry's preview to set your own order, load thumbnails of your layers with Show content, then apply.
Goal
Decide by hand which card goes where before the grid is built, while seeing your actual designs instead of grey blocks.
Before you start
- Masonry open, with a frame or several layers selected (the preview toolbar only appears for real layers, not the sample).
Steps
- Show your content Click Show content above the preview. Masonry exports a small picture of each layer and puts it on its card. Once every card has one, the button reads Refresh content; click it after you change the designs.
- Drag a card Drag a card up or down within its column, or across to another column. The hint changes from "Drag cards to rearrange" to "Custom order".
- Use the keyboard if you prefer Click a card, then press Alt+Up or Alt+Down to move it one place, or Alt+Left or Alt+Right to move it to the next column.
- Apply your order Click Apply Layout. The grid is built with your arrangement; column widths stay as Masonry calculated them.
- Go back to the automatic order Click Reset order to drop your arrangement and let Masonry place every card in the shortest column again.
Tips
- Hover a card to see the name of its layer.
- Layers that were not in your arrangement, for example ones you add later, go to the shortest column.
Result
A masonry grid in exactly the order you arranged in the preview.
If something goes wrong
- My custom order disappeared. An arrangement only fits the column count it was made for. Changing the number of columns sets it aside until that count comes back; selecting other layers drops it.
- There is no Show content button. The toolbar appears only when real layers are selected. With nothing selected the preview shows sample cards and no toolbar.
Common questions
Can I choose the order of cards in a masonry grid?
Yes. Drag the cards in the preview into the order you want, then click Apply Layout. Without a custom order, each layer goes to the shortest column in the order of the Layers panel.
Does Show content change my file?
No. It only exports thumbnails for the preview inside the plugin window.
Is my custom order kept when I re-apply later?
Not from the right-panel button or the quick actions: they recalculate the order. To keep a hand-made order, apply from the plugin window.