Bubble Docs
Search…
⌃K
Bubble Docs
Search…
⌃K
Introduction
New? Start Here
Help Guides
Structuring an Application
Building a User Interface
The Basics
The Basics (Legacy)
Building Responsive Pages
Building Responsive Pages (Legacy)
Migrating Legacy Pages
Using the Component Library
Handling Conditionality
Using Styles
Using Custom Fonts
Using a Template
Importing from Figma
Tips When Designing
Tips When Designing (Legacy)
Building Workflows
Working With Data
Using Plugins
APIs: Connect to other apps
Testing an Application
Maintaining an Application
Optimizing an Application
Customizing an Application
More about Bubble apps
Core Reference
Bubble's Interface
Elements
Workflows
Events
Actions
Data
Styles
API
Bubble-made Plugins
Application Settings
Account & Marketplace
Account & Billing
Dedicated Plans
Building Plugins
Building Templates
Miscellaneous
The Showcase
More features for your to-do app
The Glossary
Powered By GitBook

Building a User Interface

In this guide, you will learn the basics of building a user interface using Bubble. Here are the sections in this guide.
The Basics (Legacy)
Building Responsive Pages
Using the Component Library
Handling Conditionality
Using Styles
Using Custom Fonts
Using a Template
Importing from Figma
Tips When Designing
​
​
​ ​
Previous
Using Reusable Elements
Next
The Basics
Last modified 2mo ago
Copy link