Elements

Summary

Elements are reusable visual references that you can create, manage, and use across your canvas. An Element is a collection of reference images of a single subject — such as a product, character, or object — that AI models can use to maintain visual consistency when generating new images.

Think of Elements as a way to "teach" Flora what something looks like, so you can generate that subject in new scenes, angles, and contexts.

Creating an Element

There are three ways to create a new Element:

From the Element Library

1. Click the # (Elements) button in the toolbar to open the Element Library.

2. Click Create New Element or the + card.

3. Upload one or more reference images of your subject (supported formats: PNG, JPEG, WebP, SVG).

4. Give your Element a name (or leave it as the default).

5. Click Create Element.

From the Canvas (Right-Click)

You can create an Element directly from existing image outputs on the canvas:

1. Select one or more image nodes that have generated outputs.

2. Right-click to open the context menu.

3. Select Create Element.

Flora will automatically use the selected image outputs as the reference images for the new Element.

From an Element Node

1. Add an Element node to the canvas (from the toolbar or by dragging from the Element Library).

2. Click the node's dropdown and select New Element at the bottom of the list.

Best Practices for Reference Images

For the best results when creating an Element:

• Use multiple images of the same subject (not just one).

• Vary the angles — show the subject from different perspectives.

• Vary the lighting — include images with different lighting conditions.

• Vary the framing and context — close-ups, wide shots, and different backgrounds all help.

The more varied your reference images, the better the AI models can understand and reproduce the subject.

Managing Elements

The Element Library

Open the Element Library by clicking the # button in the toolbar. From here you can:

• Search for Elements by name using the search bar.

• Sort Elements by name (A–Z, Z–A) or by date (Newest, Oldest).

• View details of any Element by hovering over its card and clicking View details, or right-clicking and selecting View details.

• Add to canvas by clicking the Add to canvas button on the card, or by dragging the Element card directly onto the canvas.

• Delete an Element via the right-click context menu. Deleting an Element will unbind it from any canvas nodes that reference it.

Updating an Element

To update an Element's name or reference images:

1. Open the Element Library.

2. Hover over the Element card and click View details (or right-click → View details).

3. In the update modal, you can:

   • Rename the Element.

   • Add new reference images.

   • Remove existing reference images.

4. Click Update Element to save your changes.

Using Elements on the Canvas

The Element Node

The Element node is a special node type that acts as a visual input reference. When you add an Element to the canvas, it appears as an Element node showing the Element's name, thumbnail, and image count.

To change which Element an Element node references:

1. Click the Element node to open the dropdown.

2. Search or browse available Elements.

3. Select a different Element from the list.

Connecting to Image Nodes

Element nodes have an output handle that you can connect to compatible image generation nodes. When connected, the AI model uses the Element's reference images to maintain the subject's visual identity in the generated output.

Elements work with image-to-image and image-set-to-image models, including:

• Seedream 4.5

• Riverflow 2.0 Fast and Pro

• Nano Banana Pro

• Nano Banana 2

Drag and Drop

You can drag an Element card from the Element Library directly onto the canvas. This creates an Element node at the drop location, ready to connect to other nodes.

Tips

• Elements are private to each project — they are not shared across projects.

• You can create Elements from any image output on the canvas, making it easy to turn a generation you like into a reusable reference.

• If an Element is deleted while it's still in use on the canvas, the node will show an "Element unavailable" state.