COURSE OVERVIEW

Property Editor 101

Bubble for Beginners: Learn Visual Editing
45-60 min • 2 sections
#academy_overlay { backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
Abhinav Narain
In this course
What is Bubble's Property Editor? It's the core tool for visually designing, styling, and programming any element in a Bubble app — from setting a button's size and color to defining what happens when a user taps it. This beginner-friendly series walks through the Property Editor from scratch, no code required.
You'll design a mobile sign-up and login flow from a blank canvas, then progressively add interactivity, database connections, and more advanced features. By the end, you'll have a working sign-up/login toggle and a solid grasp of how Bubble combines visual design, data, and logic in one tool.
BEGINNER
COURSE
Who this course is for
Anyone who wants to learn:
- What the Property Editor is and how it fits into Bubble's ecosystem
- How to design a mobile sign-up form with text, inputs, buttons, and layout
- How to add conditional logic so elements react to user input
- How to build workflows that connect a button to your app's database
- How to use custom states to toggle between multiple views on one page
- How to work with dynamic expressions and Bubble's expression composer

New lessons will be added over time. Let us know in the comments on any video what else you'd like us to cover.
Introduction
What is visual editing? How does the Property Editor work with Bubble?
1 VIDEO
Building a Mobile Signup flow
Let's learn how to visually build a mobile signup flow using design, data, and logic.
4 VIDEOS
Bubble