Edit images with AI
The AI Image Editor is a visual composition tool that lets you create layered image compositions by combining existing assets with AI-generated images. Use the editor to:
-
Arrange, transform, and style layers
-
Generate new images from text prompts
-
Remove backgrounds
-
Add text and shapes
-
Export your work
The interface includes a layers panel for organization, a central canvas for editing, a tools menu for transformations and AI operations, and a properties panel for configuring selected elements.
Open the AI Image Editor
Select the asset you want to edit and click AI Image Editor.
Tip: You can also open the editor without selecting an asset and click Generate image to start from scratch.
AI Image Editor UI
The AI Image Editor interface includes:
-
Layers panel - on the left, to manage and organize image layers.
-
Center panel editor canvas - in the center, where the image displays.
-
Tools menu - overlays the canvas, providing editing tools.
-
Properties panel - on the right, showing settings for the selected asset.
Layers panel
The UI shows a table with the layers on the left-hand side. Layers can contain images. Once there are multiple layers and images, they can be sorted by dragging the headers. The submenu on the layers lets you execute actions on the layer or image, for example to hide/show or to delete a layer. You can also duplicate layers or images.
Center panel editor canvas
You can see the editor canvas in the center.
In the middle at the bottom, the Tools menu lets you select the current tool or execute the actions for image generation or background removal.
At the bottom left a Zoom menu is present with the following functionality:
-
The rightmost icon allows you to reset the canvas view.
-
The plus and minus icons allow to zoom in and out.
- Useful tips
-
You can scroll with both a mouse wheel or trackpad.
-
You can pan by moving the pushed mouse while holding the space-bar pressed.
-
Select images with mouse clicks.
-
Move, resize, rotate, or crop the selected image with the appropriate tool.
-
You can undo/redo actions with CTRL+Z and CTRL+SHIFT+Z, respectively CMD+Z and CMD+SHIFT+Z.
The amount of undo steps is limited and the complete history is not available for undo.
Tools menu
The Tools menu displays at the bottom of the Center panel.
The following tools are available:
-
Undo: Undo last step (the number of steps that can be undone is limited). -
Redo: Redo a step previously undone. -
Select: Selection of image layers, you can choose between pixel or bounding box selection. -
Move: Move selected layers (selection is also possible using a bounding box). -
Rotate: Rotate selected layers. Use the corner handles to adjust the angle. -
Cropping: Crop selected layers. Use the corner handles to adjust the cropping area. -
Text: Add text to the composition. -
Rectangle: Add a rectangle shape to the composition. -
Generate Image: Generate a new image with a prompt. If multiple models are available, you can select one. Otherwise, the default model is used. You can generate multiple images and select the best one.
-
Remove Background: Remove the background of the selected image.
-
Edit Image: Edit an image with a prompt. If multiple models are available, you can select one. Otherwise, the default model is used.
Properties panel
The properties panel on the right includes three parts: Canvas, Layer, and Actions. In the Canvas part you are able to change the name of the current image composition. The middle part depends on the current selection.
Canvas
In the canvas properties the name of the image can be changed. The size of the editor canvas can be adjusted, use the lock icon at the very right to indicate whether the aspect ratio should be locked. The background color can be set. If background color is not set, the canvas is transparent.
-
Save as Assetallows to save the current version as a new asset or save back to the original asset.It is not currently possible to store as hybrid asset or to save in an external asset provider. By default, the asset will be stored as PNG but the file format can be changed. Saving back to the original asset the file format of the original asset will be used by default. Mind that file format might not support transparency.
-
Importimports a previously exported image composition through a file upload. -
Exportexports an image composition for download.
Image
When you select an image, you see an Image section in the Properties panel.
For images it is possible to adjust (fix or unfix) the aspect ratio for resize operations.
If the image was generated, the prompt used to generate it is shown.
You can also configure both border and blur properties.
Layer
When you select a layer on the left, you see a Layer section in the Properties panel.
You can delete or rename a layer here. Other layer-related actions must be done from the Layers panel on the left.
Text
When you select a text box in the image, you see a Text section in the Properties panel.
The text can only be changed in the text editor tool displayed here.
Shape
When you select a shape in the image, you see a Shape section in the Properties panel.
For shapes, you can configure color, border, and blur.
Actions
Several actions are available:
-
Add Asset: Add an asset as a new layer. This is useful in cases where multiple assets should be combined into one image.
-
Upload Image: Upload an image as a new layer.
-
Generate Image: Generate a new image with a prompt.
Generated images are always added on top. If you want to use it as a background, you have to move it back in the Layers panel.
