Bubble AI agent

The Bubble AI Agent

AI Agent availability: The AI Agent is currently only available in apps built using Bubble’s AI app generator. It’s a beta release, and we’re continuously improving its output. Some responses may contain errors or inaccuracies.

AI Agent privacy: The AI Agent is not trained on your data. It follows the same strict privacy standards that apply across the entire Bubble platform.

The Bubble AI Agent is an in-editor assistant that helps you build, troubleshoot, and understand your app more efficiently. It’s trained on Bubble documentation and provides hands-on guidance so you can spend less time searching for answers and more time building. You can also prompt it to create and modify simple UI elements.

How to access the AI Agent

The Agent opens automatically the first time you load your app — there’s nothing to install or activate. You can minimize it at any time and reopen it by clicking the magic wand icon in the top navigation bar: . The window is resizable and responsive, and it remains open until minimized . You can keep it visible while working in the editor or hide it when you prefer a cleaner workspace.

What the AI Agent can do

The AI Agent assists in three key areas:

It’s multilingual — you can prompt it in your preferred language, and it will respond in the same language.

The Agent supports you in building, understanding, and learning within Bubble — from making visual edits to explaining how your app works.

UI creation and modification

The Agent can create or modify your app’s design, including:

  • Full pages

  • Specific sections like headers, navigation bars, or footers

  • Individual components such as groups, images, text, and buttons

You’ll get the best results when prompts are specific about what to change and where.

When the Agent creates elements, it follows design best practices:

  • All elements are responsive by default

  • Layouts are well-organized with logical parent-child relationships

  • Proper margins and padding are applied

  • App style variables are respected for consistent design

You can easily add new elements, and the AI Agent understands your app’s context to ensure they’re created and configured correctly.
More examples: UI creation and modification

  • Add a button labeled “Sign up” to the Home page header.

  • Insert an input field and a “Submit” button in the Contact page form.

  • Add a repeating group on the Products page showing each product’s name and price.

  • Set the Signup button’s color to Primary.

  • Create a popup where users can edit their first name, last name, and phone number.

App-specific explanations

The AI Agent understands your app’s structure and elements, along with general context — such as the page you’re viewing or the element you’ve selected — allowing it to:

  • Help troubleshoot workflows and dynamic expressions

  • Answer questions about how elements are configured

  • Explain how your app is wired together

Selecting an element gives the Agent clear instructions to focus on it in relation to your prompt.

The AI Agent can explain the purpose of specific parts of your project and suggest logical next steps in your development process.
More examples: App-specific explanations

  • How do custom states work for showing and hiding elements?

  • What’s the difference between frontend and backend workflows?

  • How do I display data in a repeating group?

  • How do privacy rules work in my app?

  • Are there any button missing workflows on this page?

  • Can you explain all the places a user can navigate to from this page?

Context limitations

Currently, the AI Agent can’t access or interpret plugins, logs, the issue checker, or other app details beyond your app’s design, logic, and data.

Education and guidance

Bubble’s AI Agent is trained on Bubble knowledge and documentation, allowing it to guide you accurately through building, editing, or troubleshooting your app.

When you ask a question, the Agent references official sources — including the Bubble Manual — and responds with citations and helpful links. It can also search the web to surface the most relevant and up-to-date information.

This means its responses are based on trusted Bubble resources, and it can still guide you through solutions, even for tasks it can’t perform directly.

The AI Agent can walk you through complex problems with clear, step-by-step guidance.
More examples: Education and guidance

  • Show me how to connect an API using the API Connector.

  • What are the best practices for setting up database privacy rules?

  • Explain how to structure data for a marketplace app.

  • How can I optimize backend workflows for performance?

  • How can I set up user log in with Google?

General prompting advice

  • Keep prompts short and focused — concise requests are easier for the AI to interpret.

  • Include specific details such as element names, field types, or labels.

  • Make one request at a time for the most accurate results.

  • Use Bubble terminology to describe what to create or edit.

  • When modifying something, specify both what should change and how.

  • You can also ask the AI to explain what a change will do before applying it.

What’s coming soon

The AI Agent is currently in beta and continues to evolve. Upcoming capabilities include:

  • Automatically generating and editing workflows and data types

  • Full editing support for the native mobile editor (currently guidance only)

  • Improved accuracy and fewer mistakes over time

Last updated

Was this helpful?