AI Image Editor — User Guide
The AI Image Editor is a powerful design and creation tool built into XGENIA. Use it to generate images, video, and audio with AI, compose them on a canvas, and refine them with inpainting and layer tools.
Opening the Image Editor​
- In the XGENIA editor, look at the left sidebar.
- Click the AI Image Editor icon (image icon) to open the panel.
- The canvas and tools appear in the main design area.
Interface Overview​
Top Toolbar (center top)​
| Control | Action |
|---|---|
| Canvases | Open the canvas manager to create or switch between multiple canvases |
| Add frame | Add a new frame to the canvas |
| Delete frame | Remove the selected frame |
| Zoom | Zoom in/out on the canvas |
| Undo / Redo | Undo or redo recent changes |
| Export | Export the canvas or selection (PNG, JPG, or SVG) |
| Go Home | Reset zoom and pan to fit the canvas |
| Canvas background | Change canvas background (color or transparency) |
Left Tools (vertical bar)​
| Tool | Shortcut | Use |
|---|---|---|
| Select | V | Select and move items; multi-select with Shift+click |
| Hand | H | Pan the canvas |
| Brush | B | Paint a mask for inpainting on images |
| Eraser | E | Erase parts of a mask |
| Marquee | M | Select a rectangular area for masking |
| Text | T | Add text to the canvas |
| Rectangle | R | Draw a rectangle |
| Ellipse | O | Draw a circle or ellipse |
| Line | L | Draw a line |
| Frame | F | Draw a frame (container for grouping) |
Right Sidebar​
Shows different options depending on selection:
- No selection: Frame list and layer hierarchy
- Single item: Item actions — Creative upscale, Remove background, Vectorize, Export, color adjustments, mask controls
- Multiple items: Group, Merge, Creative upscale, Run same prompts
Bottom Prompt Bar​
The main input area for AI generation:
- Prompt field — Describe what you want to generate
- Creation type — Image, Video, or Audio
- Model picker — Choose the AI model (or open Model Hub)
- Settings — Aspect ratio, image count, color palette (when supported)
- Generate — Start generation
Before You Start: API Key Setup​
AI features need a FAL API key:
- Get a key at fal.ai.
- Open Project Settings (or AI Provider Settings in the Chat panel).
- Add your FAL API key.
- Save and verify the key if prompted.
Without the key, AI generation will not work.
Creating Content​
Generate an Image​
- Open the AI Image Editor.
- Choose Image as the creation type in the bottom bar.
- Click the model name to pick a model (e.g. Flux Dev, Recraft V3), or open Model Hub for more.
- Type a description in the prompt (e.g. "A sunset over mountains, digital art style").
- Adjust Aspect ratio or Image count if the model supports it.
- Click Generate.
The result appears on the canvas. You can generate more and build up multiple items.
Generate Video or Audio​
- In the bottom bar, select Video or Audio as the creation type.
- Pick the appropriate model (e.g. Kling for video).
- Enter your prompt.
- Adjust any model-specific options.
- Click Generate.
Add References (Image-to-Image)​
Some models accept reference images:
- Before generating, add one or more reference images in the reference slots next to the prompt.
- Write your prompt.
- Generate. The AI will use the references to guide the result.
Editing with Inpainting​
Inpainting changes specific regions of an image using AI.
- Select an image on the canvas.
- Pick Brush (B) or Eraser (E).
- Paint the area to change — where you paint is where the model edits.
- In the right sidebar, choose the Inpainting model.
- Type your edit instruction in the prompt bar (e.g. "Make this area blue").
- Click Apply Edit or Generate.
Use Clear mask in the right sidebar to remove the mask and start over.
Working with Layers​
Layer List​
- The right sidebar lists layers for the active frame.
- Layers are ordered from bottom to top (top layers draw over lower ones).
- Click a layer to select it.
Reordering Layers​
- Move up / Move down — Change stacking order.
- Drag — Reorder layers in the list.
Grouping and Merging​
- Group — With 2+ items selected, group them so they move and transform together.
- Ungroup — Separate a grouped set.
- Merge layers — Combine selected layers into one image (for images only).
Utilities (Right Sidebar)​
When an image is selected:
| Action | Description |
|---|---|
| Creative upscale | Upscale with AI to improve detail |
| Remove background | Remove the background |
| Vectorize | Convert to SVG (useful for logos, icons) |
| Export | Export as PNG, JPG, or SVG (for vectorized images) |
| Explode | Split a grouped item into separate layers |
| Clear mask | Clear the inpainting mask |