Select multiple elements, such as images, videos, or shapes in the canvas.
Last updated on
Jun 17, 2025
Learn how to collect, arrange, and align visual elements in the canavs using different layouts, layers, and spacing.
Once you have used Firefly Boards (beta) capabilities to explore and gather visual elements, you can start arranging them to align with your vision and theme. You can use different layouts and layer elements and adjust spacing and alignment to create a cohesive and visually appealing design.
When you use the Collect items option in Firefly Boards, you gather and bring all your visual elements, such as images, colors, and videos, onto the canvas in one place. This function then arranges these elements in a grid layout within an artboard, automatically applying a suitable arrangement to them.
Original
The state of visual elements in the board before they are collected inside an artboard.
Collect items
Visual elements arranged in a grid layout within an artboard are automatically gathered and organized using a suitable arrangement.
Before you begin
Create an artboard and add visual elements such as images, videos, and shapes.
-
-
From the context menu, select Collect items to gather all selected elements in a grid layout within an artboard.
When you select multiple visual elements on the canvas, you can arrange and organize them in a structured way.
Original
The state of visual elements in the Boards before they are aligned.
Rows
Arranges selected elements in a grid layout with evenly spaced rows, allowing an equal number of items per row and uniform gaps between them.
Columns
Organizes selected elements into a grid layout with consistent spacing, ensuring an equal number of items per column and uniform gaps between them.
Mosaic
Arranges selected elements in a mosaic layout with balanced spacing, allowing for variable sizes while maintaining visual harmony and consistent alignment.
-
Select multiple elements, such as images, videos, or shapes in the canvas.
-
From the context menu, hover over the Arrange icon, then use the dropdown options to arrange the selected elements in rows, columns, or a mosaic layout.
-
Once the elements are arranged in the selected layout with uniform spacing between them, you can use the magenta-colored spacer bar to adjust the spacing.
Hover the cursor over the space between the elements to increase or decrease the spacing. Hover the cursor over the space between the elements to increase or decrease the spacing.
When you select multiple visual elements on the canvas, you can align and organize them in different ways, such as aligning them to the left, right, center, or distributing them evenly across the layout.
-
Select multiple elements, such as images, videos, or shapes in the canvas.
-
From the context menu, hover over the Align icon, then choose from the following options to align the selected elements:
- Align left
- Align center
- Align right
- Align top
- Align middle
- Align bottom
- Distribute horizontally
- Distribute vertically
-
Select multiple elements, such as images or videos, in the canvas.
-
From the context menu, select the icon and select from the following options:
- Bring to front
- Bring forward
- Send backward
- Send to back
-
Select multiple elements, such as images or shapes, in the canvas.
-
From the context menu, select the icon and the Group.
Note:
When you select text while choosing elements for arrangement on the canvas, the Collect items and Arrange options are unavailable.
