> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/getting-started/gen-ai/ai-text-and-image-generation.md).

# 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](/getting-started/gen-ai/ai-tools.md#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="/files/snjMqFAVa4Jr841XruH0" 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](/app-design/ui-components/basic-components/label.md).

## 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="/files/XUreWBJZTAwVUZcNNXeL" 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](/app-design/ui-components/basic-components/image-1.md).

## 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="/files/DNrdEvb1Ru8Hw2KosAzf" 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.