# Design elements (images, text, shapes)

> Place and style the building blocks of every design: images, text, and shapes.

Source: https://bluepic.io/help/design-elements-and-tools/design-elements  
Language: en  
Category: design-elements-and-tools  
Last updated: 2026-06-12

Everything you place on the canvas is an element. Add elements from the **Toolbar**, then style the selected one in the **Property Panel**.

## Images

You need to upload images to your image library first, before you can add them as image elements to the canvas. Select the image tool to access your image library and then click **Upload** to add a new file. Then select the image from the library to create a new element. Images have properties for how they fill their bounding box and which point they anchor to. See [Cover mode](https://bluepic.io/help/design-elements-and-tools/image-cover-mode) and [Origin](https://bluepic.io/help/design-elements-and-tools/image-origin).

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/5f1503fb-8a4c-4427-8241-6e99ee860200/max)

## Text

Add a text element and type your content. Text can anchor from different points, wrap across lines, and follow a curve. Text **always** resizes to fit; it will never overflow out of the bounding box. See [Origin](https://bluepic.io/help/design-elements-and-tools/text-origin), [Wrap](https://bluepic.io/help/design-elements-and-tools/text-wrap), [Font size](https://bluepic.io/help/design-elements-and-tools/text-font-size), and [Curved text](https://bluepic.io/help/design-elements-and-tools/curved-text).

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/a64e129e-a4bb-4087-ac4d-add0b9896c00/max)

## Rectangle

Draw a rectangle with the shape tool, then set its size and fill in the Property Panel.

## Ellipse

Draw an ellipse (a circle or oval) with the shape tool, then set its size and fill in the Property Panel.

## Path

Draw a custom vector shape with the path tool, placing points to form lines, curves, and freeform outlines. Edit the points afterwards to refine the shape.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/41c96045-6c40-4894-ffd4-a397ccaa6e00/max)

## Groups & Masks

To combine elements, you can [group](https://bluepic.io/help/design-elements-and-tools/group-elements) several together or [mask](https://bluepic.io/help/design-elements-and-tools/mask-elements) one with another.