AI Image Generation with 10Web Builder

The 10Web Builder introduces an innovative AI image generation tool, allowing you to create visually appealing and professional images right within the website editor. This feature simplifies the process of finding or designing images that fit your site's aesthetic, making it easier than ever to customize your web pages with unique, AI-generated visuals.

How to generate AI Images directly from the Editor

1. Open the page where you want to generate an image in 10Web Builder.
2. Select an existing image widget you wish to replace or drag a new image widget from the Elements tab onto your canvas.
3. In the widget's content tab, click on Generate Image.
4. In the popup window, describe the image you want the AI to create. Include details about the style, aspect ratio, and the number of images you'd like generated for selection.

Selecting and editing image variants

After the AI presents the generated image variants, you can either insert the one you prefer right away by clicking the Use Image button or, if desired, you can edit this selected variant further. Simply pick an image and specify any changes in the Edit Image tab where you can give additional description for the AI to modify the selected variant by or tweak its aspect ratio, adjust image resolution, or remove the image background.

Expanding your options with Multiple Views tab

For a broader selection of images, use the Multiple Views tab. After choosing an image variant, provide an additional prompt. The AI will then generate more variants based on your new description. The possibilities are endless and are only restricted by your imagination!

Inserting the image into your page

After reviewing and editing the generated image variants, click over the image you've decided to use.
Click the Use Image button that appears in the top right corner of the image generation window.
The image will automatically be inserted into the image widget on your page.