Skip to main content

Editor

Summary: The XBRUSH Editor is a layer-based editing tool that lets you add text, effects, and layers to your generated images and videos to create presentation-ready designs. You can download your work in PDF, SVG, PNG, or JSON format.

What Is the Editor?​

The Editor is XBRUSH's visual editing tool for working with images and videos you've generated. You can add text, shapes, and effects, then organize them using layers. Designs are managed in units called "projects," and finished work can be downloaded in PDF, SVG, PNG, or JSON format. The editor is completely free to use — no credits required.

Opening the Editor​

The editor opens from a result in the Workspace.

  • Hover over a generated image, click its ⋮, and choose Use › Edit in Canvas.
  • Or click the image to open the detail view and click Edit in Canvas under Use.

The image is placed on the canvas of a New project, and the editor opens at xbrush.ai/editor. Click Back at the top of the left sidebar to return to the Workspace. A new project is not saved until you click the save icon; leaving the page without saving discards it.

Editor Interface​

Editor Interface

The editor opened with Edit in Canvas. The left sidebar holds Back · Projects · Folder · Layers · Elements · Text · Templates · Background · Settings; the top bar holds the editing tools plus Export and Download.

In the editor, you work with designs in units called "projects," and the output format is a presentation. You can use your generated images and videos, add text and other elements, and build a presentation from scratch. Projects can be saved and downloaded at any time.

  • Project: The unit of work in the editor. You can add new projects, rename them, save them, or delete them.
  • Folder: Browse workspace folders and manage your AI-generated images.
  • Layers: Adjust the stacking order of design elements.
  • Elements: Add arrows, shapes, and other design elements.
  • Text: Add text using a selection of prepared fonts and styles.
  • Templates: Apply ready-made design templates to your pages.
  • Background: Set the page background color.
  • Settings: Manage editor preferences and page settings.

Projects​

Projects

Projects

  • When changes are made to a project, the "Save" icon becomes active so you can save your work.

Save Project

Saving a project

  • Click the Save icon to save the current state of your project.
  • You can rename a saved project.
  • Hovering over a saved project reveals a trash icon; clicking it will delete the project.

Add New Project

Adding a new project

  • Click the "+" icon to add a new project. A blank page (canvas) for the new project will appear.

Rename Project

Renaming a project

  • Double-click a project name, enter a new name, and press Enter. A confirmation popup will appear.
  • Click Confirm in the popup to apply the new project name.

Folder​

Folder

Folder — the panel shows the current location (for example Session › 이전 생성물), All · Image · Video filters, and an Upload button.

  • Browse your workspace folders and sessions and manage AI-generated images. Use the ▾ at the right of the location bar to switch to another folder or session.
  • Filter the list by All, Image, or Video.
  • Switch folders to access images from a different folder directly in the editor.

Upload

Upload local images

  • Upload images from your local device to the current folder to use them in your design.

Layers​

Layers

Layers

  • Control the stacking order of design elements such as images, text, videos, and shapes.
  • Elements on higher layers will cover those on lower layers, so defining the order carefully lets you achieve the visual design you want.
  • There are four ways to change the stacking order of layers:
  • Select the main side menu to open the left panel, then drag layer items with your mouse to reorder them.
  • Click the "Position" option in the top bar menu to rearrange layers.
  • Left-click an element to select it, then choose "Position" from the contextual menu to adjust its layer.
  • Right-click an element and use the "Layering" option in the context menu.
  • Layer adjustments are designed to be as intuitive as possible.

Right-Click Menu

Adjusting layers from the right-click context menu

  • Right-click an element and use the "Layering" option in the context menu to adjust its position.

Elements​

Elements

Elements

  • A collection of elements such as arrows and shapes is available for you to add to your design.

Text​

Text

Text

  • Add text and styled text blocks to your design.

Templates​

Templates

Templates

  • Use ready-made templates to add and edit pages quickly.

Background​

Background panel with transparent, white, light gray, gray, dark gray, and black swatches plus a custom color button

Background

  • Choose the page background: transparent (checkerboard), white, light gray, gray, dark gray, or black.
  • The last button opens a color picker for a custom color.

Settings​

Settings

Settings

  • Manage editor preferences and page settings, including page dimensions and layout format.

Next Steps

  1. Editing Tools (Flip · Effects · Masking · Opacity · AI Write)
  2. Page Management · Download · Save
  3. Social Media — Publish results to your social accounts
  4. Video Editor (Timeline Editor)