Comment on page
Tabs and sections
The Bubble editor is organized into tabs that align with the different aspects of app development, such as design, data management, style customization, and technical settings/logs. Some tabs are further segmented into sections.
Tabs are navigated using the left-hand menu that remains visible at all times.
The left-hand bar gives you quick access to all tabs in the Bubble editor at all times.
Sections (when available) are navigated using the menu that is visible at the top of the currently active tab:
Some tabs are further divided into sections relevant for that tab.
These two bars make up the Bubble editor navigation, and contain the following tabs and sections:
The design tab is where you design pages in your app by adding elements such as text, images, buttons and icons.
The workflow tab is where you set up events and actions to instruct Bubble what to do as the user interacts with your app, such as what happens when a button is clicked.
If you have enabled the Workflow API in your app, you can access the backend workflow editor by using the Pages dropdown and clicking the Backend workflows link at the bottom. You can learn more in the links below. If you are just starting to learn Bubble, this is a more advanced topic.
Element styles are collections of style settings that you can apply to elements, including color, shadow, font, borders and responsive behavior.
Style variables are used to store font and color variables that can be applied to elements or element styles.
The Plugins tab is where you install, uninstall and update plugins in your app.