# AI Text and Image Generation

{% hint style="warning" %}
Note: Each AI tool consumes a portion of your monthly allotment of tokens. The number of tokens available each month depends on your Thunkable plan. See our [token usage](https://docs.thunkable.com/getting-started/ai-tools#ai-text-generator-3) guide for details.
{% endhint %}

## Overview

This new AI feature accelerates your app development process by generating text and images throughout your apps. 

## AI Text Generator 

Get a first draft of your app's text fast with AI text generation. 

### Generate AI Text Directly in the Designer

1. Drag a label component onto a project screen.
2. Click the AI Text Editor icon <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FCyLdcCFBr8dzEgJA2pXH%2Fimage.png?alt=media&#x26;token=63eb1d02-4d14-4d49-ad25-f233dd4f015a" alt="" data-size="line">
3. In the provided text input, type a description of the text you want to generate.
4. Click the upward arrow to submit your prompt.
5. Click **Use Suggestion** to populate the label component with the generated text.&#x20;
6. Click **Return** to generate a fresh text suggestion.

For more on working with the label component, see here: [Label Component](https://docs.thunkable.com/app-design/ui-components/basic-components/label).

## AI Image Generator &#x20;

With a simple text prompt, generate one-of-a-kind illustrations, images, or art to use as assets in your project.&#x20;

### Generate an AI Image Directly in the Designer

1. Drag an image component onto a project screen.
2. Click the Generate Image icon <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FOLi1bV7yEfW94RrzuinA%2Fimage.png?alt=media&#x26;token=05e6be11-9968-40af-998d-91f74c4c7f35" alt="" data-size="line">
3. In the provided text input, type a description of the image you want to generate.
4. Click the upward arrow to submit your prompt.
5. Click the generated image you want to add to your app.
6. Click **Use this** to populate the image component with the generated image.&#x20;
7. Click **Return** to generate fresh image suggestions.

&#x20;For more on working with the image component, see here: [Image Component](https://docs.thunkable.com/app-design/ui-components/basic-components/image-1).

## AI Image Editor &#x20;

With a simple text prompt, edit an image in your project.&#x20;

### Edit an Image Directly in the Designer

1. Drag an image component onto a project screen.
2. Select a Picture from the Assets or use AI to generate an image.
3. Click the AI Image Editor <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FtXQstDtz73O4d6F0zJSN%2Fimage.png?alt=media&#x26;token=77757278-de1a-4430-9beb-d8f9dfc6d975" alt="" data-size="line">
4. In the provided text input, type a description of the image you want to generate.
5. Click the **Change** to submit your prompt.
6. Click the generated image you want to add to your app.
7. Click **Use this** to populate the image component with the generated image.&#x20;
8. Click **Return** to generate fresh image suggestions.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thunkable.com/getting-started/gen-ai/ai-text-and-image-generation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.