Skip to main content

The Bubble editor

This section covers how to navigate the Bubble editor.

2 authors25 articles
Introduction to the Bubble editorThe article introduces the Bubble editor, explaining its structure, key features, and tools for app design and deployment.
The editor layoutThe article describes the Bubble editor's tab-based layout for app development, including design and workflow.
The Design tabThe article explains the Bubble editor's Design tab, focusing on UI Builder, element tree, and responsive design for app pages.
The Element treeThis section covers the element tree found in the Design tab of the Bubble editor.
The Workflow tabThis article explains the Bubble editor's Workflow tab, where you set up events and actions for app interactions.
The Data tabThe article describes the Bubble editor's Data tab for managing app data, including database, privacy rules, and file management.
The Styles tabThis article explains the Bubble editor's Styles Tab for managing visual themes and style variables for a consistent app design.
The Plugins tab
The Settings tabThis article outlines the Bubble editor's Settings tab for managing app configurations like plans, domains, and collaboration.
Settings overview
Web app settings
Native mobile settings
Custom domain and DNS
Key Editor features
The app search tool
The Issue Checker
The property editor
The debugger
Adding notes to your appThis article covers how to add notes to different parts of your Bubble app to document your work
Previewing your appThe article explains how to preview and test your app in Bubble using Development and Live environments, safe modes, and the debugger.
Deploying your appThis article explains deploying your Bubble app from Development to Live, with testing and planning tips.
Property Editor Beta OverviewThis page is dedicated to the the beta for the redesigned property editor (as of Dec 2025).
What's new in the Property Editor Beta
Migrating to the Property Editor Beta
Property Editor Beta quick start guide