# AI Landing Pages - Generating Images and Updating Elements

## Correcting/Changing elements with AI

When selecting an element inside the builder and clicking **Modify Element with AI**, just provide in the prompt the desired change for that specific item. Some common changes are: change size, layout orientation, text properties, color and others. The other elements on the page will not be affected.&#x20;

The prompt can be described in plain language — for example: *“Paint this background light blue”* — or in technical CSS terms, such as: *“Change the background color to #add8e6”*.

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FngzEglqG5CiRvDrGnrYt%2FScreenshot_7.png?alt=media&#x26;token=0d7d3228-aa92-46e1-9b47-cacb740ec194" alt=""><figcaption><p><em>Identifying the element to be modified.</em></p></figcaption></figure>

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FkVZH8Zhtc4czasmWSeFa%2Fimage.png?alt=media&#x26;token=a41e5bd8-645f-424b-938b-06d13919ffb1" alt=""><figcaption><p><em>Entering AI edit prompt.</em></p></figcaption></figure>

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FTKceU8wKG0P8cWiIin8D%2FScreenshot_8.png?alt=media&#x26;token=875b4fb2-4d30-4ebc-a11f-71499442a4c2" alt=""><figcaption><p><em>Update completed.</em></p></figcaption></figure>

## Generating images

When selecting an image element (`<img>`) in the builder and clicking **Generate Image with AI**, just describe in the prompt how the image should be and include the necessary details.

{% hint style="info" %}
To use this feature, you must have the OpenAI integration previously configured.
{% endhint %}

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F9aqcrFVcebCRRj1OoSkC%2FScreenshot_10.png?alt=media&#x26;token=a577109a-2a8d-4374-8721-3ad45522c691" alt=""><figcaption><p><em>Selecting image with placeholder.</em></p></figcaption></figure>

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F0br7W4H6UAnUC24IjL3B%2FScreenshot_11.png?alt=media&#x26;token=2adb4639-6683-446c-89a9-32dda21019d3" alt=""><figcaption><p><em>Generate Image with AI modal.</em></p></figcaption></figure>

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F0mDHzgKyyhzkRbNjMXLW%2FScreenshot_12.png?alt=media&#x26;token=6410d1e4-3ecc-4a6e-8cb8-5faf5cb09767" alt=""><figcaption><p><em>Image generated successfully.</em></p></figcaption></figure>
