> For the complete documentation index, see [llms.txt](https://manual.bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.bubble.io/help-guides/ai/bubble-ai-agent/generate-apps-with-ai.md).

# Generate apps with AI

You can generate a new app with AI by describing what you want to build. The Agent creates a first version that you can preview and refine directly in the editor. This page covers how to write an effective prompt to get the best possible initial generation. After the app is created, see [Edit apps with AI](/help-guides/ai/bubble-ai-agent/edit-apps-with-ai.md) for details on making changes.

## Prompt guide

{% hint style="warning" %}
**Acceptable use:** Don’t submit prompts that violate our [Acceptable Use Policy](https://bubble.io/acceptable-use-policy). Prompts that are malicious, contain injections, or are too vague will be automatically rejected.
{% endhint %}

{% hint style="info" %}
Creating mobile apps with the AI Agent is currently in beta.
{% endhint %}

Bring your app idea to life with a well-written prompt. Here’s how to craft a clear, detailed prompt that helps Bubble AI build what you have in mind. These guidelines apply whether you’re building a web app or a [native mobile app](#user-content-fn-1)[^1].

## The AI app building process

Building an app with Bubble AI starts with a prompt: a plain-language description of the app you want to build. From there, Bubble AI may ask you a few questions to make sure it understands what you're after before it puts together a plan. You review that plan, adjust anything you'd like, and then generate the app.

{% stepper %}
{% step %}

#### Create a new app with Create with AI

From your dashboard, choose **Create with AI** to start a new app from a prompt.
{% endstep %}

{% step %}

#### Write your prompt

<figure><img src="/files/8MIlpJJOf7y1QCkjAesA" alt=""><figcaption></figcaption></figure>

Describe the app you want to build in your own words. A good prompt covers what the app does and who it's for. You don't need to get every detail right up front, since you'll have chances to refine things as you go. There's more on writing effective prompts later in this article.

Type or paste your prompt into the input field and submit it.
{% endstep %}

{% step %}

#### Answer the AI's questions

<figure><img src="/files/zrsgU9FvivQsYfEko7QJ" alt=""><figcaption></figcaption></figure>

Bubble AI may ask a few questions to clarify what you're building. Each one offers a set of multiple-choice options, so you can answer with a tap. If none of them fit, you can type your own answer instead.
{% endstep %}

{% step %}

#### The AI builds a plan

Once it has what it needs, Bubble AI puts together an initial plan for your app.
{% endstep %}

{% step %}

#### Review the plan

Bubble AI presents the plan for you to review, along with a live preview of your app on the right.
{% endstep %}

{% step %}

#### Review *features*

<figure><img src="/files/J536vi6m6UdrX77LGAfC" alt=""><figcaption></figcaption></figure>

The *Features* view lists the things your app will be able to do, with each feature as its own card describing a specific capability, like recipe creation, collections, or a shopping list generator. Review the list to check that nothing's missing, and click **Add feature** to describe anything you'd like to include that isn't there yet.
{% endstep %}

{% step %}

#### Review *scenarios*

<figure><img src="/files/ar2hqGAhSBWS60jjbHZQ" alt=""><figcaption></figcaption></figure>

The *Scenarios* view describes the same plan from the user's point of view, with each scenario written as something a specific type of user can do, such as "As a home cook, I can save my own recipes." These help you see how the app works in practice for the people using it. Click **Add scenario** to describe another situation you want the app to handle.
{% endstep %}
{% endstepper %}

When the plan looks right, click **Generate** to build the app. You can keep refining the plan first, there's no need to get everything perfect before generating, since you can continue adjusting your app afterward.

## Writing the prompt

### **What to include**

* **App type and purpose** – What kind of app is it, and what problem does it solve?
* **Target users** – Who is this app for?
* **Core features** – What should users be able to do?
* **Visual style** – Any colors, mood, or design references to guide the look and feel

**Example structure**

{% code overflow="wrap" %}

```
"A [app type] for [target users] to [main purpose]. Users can [key features]. Style should be [visual preferences]."
```

{% endcode %}

## Effective Prompt Examples

### Web - Good Examples

#### Task Management App

{% code overflow="wrap" %}

```
A productivity app for small teams to track project tasks and deadlines. Team members can create tasks, assign them to colleagues, set due dates, and mark completion. Clean, minimalist design with blue and white colors.
```

{% endcode %}

#### Local Restaurant Finder

{% code overflow="wrap" %}

```
A discovery app for food lovers to find nearby restaurants and read reviews. Users can search by cuisine type, view restaurant details, see ratings, and save favorites. Modern design with warm colors and food photography.
```

{% endcode %}

#### Fitness tracker

{% code overflow="wrap" %}

```
A wellness app for fitness enthusiasts to log workouts and track progress. Users can record exercises, set goals, view workout history, and share achievements. Energetic design with bright green accents and dark mode support.
```

{% endcode %}

### Mobile - Good Examples

#### Lifestyle app

{% code overflow="wrap" %}

```
A meal planning app for busy families to organize weekly menus and discover recipes. Warm design with sage green and cream, food photography emphasis.
```

{% endcode %}

#### Productivity tracker

{% code overflow="wrap" %}

```
A time-blocking app for knowledge workers to schedule focused work sessions. Users can create time blocks, set focus timers with breaks, and track daily productivity patterns. Minimalist design with forest green and cream, calm aesthetic.
```

{% endcode %}

#### Social Media scheduler

{% code overflow="wrap" %}

```
A content scheduling app for creators and small businesses to plan posts across platforms. Modern design with coral and navy blue, influencer-focused style.
```

{% endcode %}

***

## ✅ Tips for better results

{% stepper %}
{% step %}

### Be specific about purpose

**Instead of:** "A business app"\
**Try:** "An invoice management app for freelancers"
{% endstep %}

{% step %}

### Define your users clearly

**Instead of:** "For everyone"\
**Try:** "For college students planning events"
{% endstep %}

{% step %}

### Give visual directions

**Instead of:** "Make it look good"\
**Try:** "Professional design with navy blue and gold, inspired by financial apps"
{% endstep %}

{% step %}

### Focus on core features first

**Instead of:** "Users can do everything they need"\
**Try:** "Users can create events, invite friends, and track RSVPs"
{% endstep %}
{% endstepper %}

## ❌ What to avoid

{% stepper %}
{% step %}

### Being too vague

"Make me a social app that's really cool and modern."
{% endstep %}

{% step %}

### Too detailed on layout

"Put the login button in the top right corner, make the sidebar exactly 250px wide, and use Helvetica font for all headers."
{% endstep %}

{% step %}

### Technical specifications

"Integrate with Stripe API, use PostgreSQL database, and implement OAuth authentication with Google and Facebook."
{% endstep %}
{% endstepper %}

## Style and design guidelines

There is some overlap between color and mood, but make sure you include both in your prompt.

### Color Preferences

* Be specific: "forest green and cream" vs. "green"
* Mention themes: "dark mode," "minimalist," "vibrant"
* Reference styles: "corporate professional," "playful startup"

### Mood and feel

* Professional and corporate
* Fun and playful
* Clean and minimalist
* Bold and modern
* Warm and friendly

## FAQ

<details>

<summary>What is sample data?</summary>

Sample data refers to placeholder information that mimics real data and is used during the app-building process. Bubble AI generates sample data to help you visualize how your app will look and function once it’s populated with actual user information. For example, if your app includes a list of users or a gallery of products, Bubble AI might fill those areas with sample names or descriptions.

This temporary data is particularly useful for making sure your app works: testing and refining the design, workflows, and overall user experience before launching your app. Once you’re satisfied with the app’s structure, you can replace the sample data with live information or accept real data coming from your users. By including realistic sample data, Bubble ensures you can clearly see how your app will behave in a real-world scenario.

</details>

[^1]: There are currently some limitations when building mobile apps with the AI App Generator. See the section below for more information

    Section: [Limitations with generating a mobile app](#limitations-with-generating-a-mobile-app)