Table of Contents
Visuali Editor Overview
Welcome to the Visuali Editor, an advanced AI-powered image editor that empowers you to create, expand, and modify images directly from your browser on an interactive canvas. Explore the sections below to learn and familiarize yourself with the editor.
Feel free to join our Discord community to get help and support using the editor.
Join our Discord communityControls
Zoom
Pinch or Ctrl/Cmd + scroll
Pan
Ctrl/Cmd + click and drag
Undo
Reverse last action
Redo
Restore undone action
Move
Select objects
ABrush
Paint on canvas
BEraser
Remove parts
Pipette
Sample colors
PEdit Mode
Modify images
EGenerate Mode
Create images
GFill Mode
Expand bounds
FCenter Frame
Frame to cursor
SLeft Sidebar
Toggle tools panel
Right Sidebar
Toggle settings panel
TabGenerate
The Generate function allows you to create new images effortlessly. These images can be seamlessly integrated into the editor, providing a convenient space for image generation.
- Click the generate button.
- Enter your prompt and choose the number of images to generate.
- Press the right arrow button to start generating.
- Once the image is generated, click on the image and press the "Add to canvas" button
The image will be added to the canvas where the camera view is. To change the position of the image, select the move tool and drag the camera view to the desired position. The image can also be moved around by dragging it with the move tool.
To generate images in custom resolution, adjust the resize slider on the left sidebar on the screen. The image will be generated in the size of the camera view. (Note: This is will be improved in the future)
Edit
The edit function lets you edit your image simply by writing a prompt. Describe what you want to change and the AI will generate a new image for you.
- Click the edit button.
- Enter your prompt and choose the number of variations to generate
- When it is done, select a image and add it to the canvas.
Remember:
Multiple Inputs
When using the edit function, you can add multiple input images to guide the AI generation. Click the square icon next to image amount in the input field to enable multiple inputs mode. You can add up to 5 additional camera views that will influence how the AI edits your main image. These additional camera views can be moved around the canvas using the move tool, allowing you to position them over different parts of your existing images. What is inside each of these will be given to the AI model as context to create a new image.
Pro tip: Think of the canvas as a moodboard. Add multiple photos, arrange them as references, and use them all as input to create or modify another image. This technique is particularly powerful for style transfer, composition guidance, or providing multiple visual references for complex edits.
Fill
The fill function allows you to fill in the empty spaces in your image, enabling you to expand and enhance your images or refine details. It works by filling in any empty spaces visible in the camera view.
- Click the edit / fill button to begin expanding and editing your images.
- Select the eraser or move tool.
- Drag the camera or erase a part of the image. The empty space in the camera view is what will be filled. Experiment with the amount - more or less gives different results.
- Enter a prompt to guide the AI on what to fill in the empty space with and select the number of images. For this example, we will use the same prompt as the one to generate the images.
- Submit and wait for the images to generate.
- Click on the image and add it to the canvas. This will place the image on the canvas at the right position automatically.
Pro Tips for Better Fill Results:
Evolve
Evolve lets you take whatever is in the camera view and send it through the AI again, evolving your image further and adding more details
- Press the Evolve button.
- Write a prompt to guide the AI and select the amount of images. Select the strength of the evolution. More strength means more changes to the image
- Add the whole image or use the paint from image function to add specific parts of the evolved image back to your original image.
Save Project
Remember to save your project to revisit it later. Simply press the save
button located at the bottom of the screen.
Download Your Image
Download your high-resolution image from the canvas by clicking the
download button at the bottom of the screen. This action converts the
canvas image into a single file. Note that there may be artifacts if the
image is not square-shaped on the canvas.
Upload Image
Click the upload image button to import your own image into the editor. Once uploaded, you can add it to the canvas and use it like any other image. Ensure your image complies with our terms and conditions.
Token Usage Guide
Each operation in the editor costs a certain number of tokens per image. Tokens are used for all creative operations including generating, evolving, editing, and uploading images. Your token balance automatically refills every month with your subscription.