Edit images with AI

From version 2.2.0

Take your visuals to the next level with our AI Image Editor; where creativity meets intelligence. Seamlessly combine existing assets with AI-driven enhancements to generate, modify, and even refine existing images like never before.

This feature is available from 2.2.0-beta-1 and currently in preview mode and subject to change.

Open the AI Image Editor

Select an asset or have no selection the action "AI Edit Asset" will open the AI Image Editor.

ai image editor 1

AI Image Editor UI

The UI of the AI Image Editor consists of:

ai image editor 2

Layers

The UI shows a table with the layers on the left hand side. Once there are multiple layers they can be sorted by dragging the headers. The sub menu on the layers allow to execute actions on the layer, hide/show or to delete a layer.

Image

You can rename or resize your image canvas. Center the canvas by using the button on the screen. This comes in handy when zooming and panning.

Layer

For the selected layer, you can define whether the aspect ratio should be fixed or not during resize operations.

The Delete action removes the layer. Remove Background removes the background of the selected layer image.

ai image editor 3

Editor Canvas

You can see the Editor Canvas in the center.

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 image layers with mouse clicks.

  • Move, resize, rotate, or crop selected layers with select tools.

Tools Panel

On the right hand side a tools panel allows various operations.

ai image editor tools

Tools

The following tools are available:

ai image editor tools details
  1. Select: Selection of image layers, transparent pixels are ignored

  2. Move: Move selected layers (Selection is also possible but with this tool transparent pixels are used for selection).

  3. Rotate: Rotate selected layers. Use the corner handles to adjust the angle.

  4. Cropping: Crop selected layers. Use the corner handles to adjust the cropping area.

    You cannot undo this action.
  5. Add Asset: you can also add assets as a new layer. This is useful in cases where multiple assets should be combined into one image.

  6. Generate Image allows to generate a new image with a prompt.

    ai image editor 4

    Generated images are always added on top. If you want to use it as background you have to move it to the back in the layer table.

    ai image editor 5
  7. Save an Asset: finally, the current version can be saved as a new asset with the Save as Asset action.

Known issues / limitations

  • The given version only supports root and assets. Selection on folders is not yet implemented.

    Attempting to use the AI Image Editor on a folder will result in an error.
  • Refreshing the browser or switching between apps within Magnolia will result in a loss of the current work in progress.

  • Undo / Redo actions are not available in the preview version.

  • The working state cannot be saved in the preview version.

  • Currently only fal.ai is supported and has to be installed accordingly. See Fal.AI model configuration).

Feedback

DX Core

×

Location

This widget lets you know where you are on the docs site.

You are currently perusing through the AI Accelerator module docs.

Main doc sections

DX Core Headless PaaS Legacy Cloud Incubator modules