Last updated on Apr 24, 2025

Learn how to arrange mood boarding elements using different layouts, layers, and spacing.

Once you have used Firefly Boards (beta) capabilities to explore and gather mood boarding 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.

Arrange images and shapes

When you select more than one image or a combination of image and shape elements in the canvas, you can align, arrange, and collect them within the artboard with a suitable arrangement.

Before you begin

Create an artboard and add visual elements such as images and shapes.

  1. Select multiple elements, such as images or shapes, in the canvas.

  2. From the context menu, select Collect items to collect all selected elements within an artboard and a suitable arrangement will be automatically applied to them.

    The images on the canvas are selected, and the Collect Items feature is used to arrange them suitably within an artboard.
    Automatically arrange selected images on the canvas within an artboard.

  3. If needed, use the Arrange option to arrange the selected elements in the following formats:

    • Rows
    • Columns
    • Mosaic
    The images are selected and the Mosaic option is selected from the Arrange sub menu.
    Arrange the selected images into a mosaic pattern with a single click.

  4. For alignment horizontally or vertically, and distribute the selected images and shapes, select Align and then from the following options:

    • Align left
    • Align center
    • Align right
    • Align top
    • Align middle
    • Align bottom
    • Distribute horizontally
    • Distribute vertically
    The images are selected, and multiple alignment options are available to choose from.
    Utilize the multiple alignment options to arrange the selected images according to your mood board design.

Layer images, shapes, and texts

  1. Select multiple elements, such as images or shapes, in the canvas.

  2. From the context menu, select the   icon and select from the following options:

    • Bring to front
    • Bring forward
    • Send backward
    • Send to back
    The images are selected, and multiple layering options are available to choose from.
    Layering the images to arrange them in the canvas.

Group images, shapes, and texts

  1. Select multiple elements, such as images or shapes, in the canvas.

  2. From the context menu, select the   icon and the Group.

    The images are selected, and the Group option is chosen from the context menu to group them.
    Select images in the canvas and group them to treat them as collectively one design element.

Note:

When you select text while choosing elements for arrangement on the canvas, the Collect items and Arrange options are unavailable.