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
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
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
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