Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
How to import Figma template into Bubble
In this Bubble.io tutorial video, we explain how to quickly import a Figma template into Bubble.io and the reasons why you might decide to manually build the design instead.
How to import a Figma design into Bubble step by step guide
In this Bubble.io tutorial video we demonstrate how to work with Figma and Bubble.io and the new responsive engine.
How to limit app features to logged in users
In this Bubble tutorial we explore a number of different ways to limit UI elements and Workflows based on whether a user is logged in or logged out.
How to limit features to a specific user role
In this Bubble tutorial we explain how you can limit access to features in your app based on Current User's Role.
How to record audio & convert to text - OpenAI Whisper API
In this Bubble tutorial we demonstrate how to use OpenAI Whisper with the Audio Recorder & Vizualiser to record someone's speech and convert it into text or a transcript with Whisper. Get started with the Bubble API Connector and Whisper API here.
How to reduce Workload Units (WU) on page load
In this Bubble.io tutorial we demonstrates 3 ways to show default data in your Bubble app when the page loads. Two of the examples involve creating a Custom State and adding extra workflows. We demonstrate who you can achieve the same effect with default data on a page without adding extra workflows or having to repeat Do a Search searches.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Email confirmation made EASY
Discover everything you need to know about sending email confirmation emails when signing up users in your Bubble app. Verifying user identity through email confirmation is an effective way to combat fake accounts and ensure a secure registration process for your no-code SaaS startup.
Build a Twitter clone with nocode in 20 minutes
In this Bubble tutorial we demonstrate how easy it is to create a Twitter clone with Bubble.io in under 20 minutes.
How to add a progress bar to your Bubble.io app
In this Bubble.io tutorial we demonstrate how to create a progress bar in Bubble using the Progress Bar plugin by Bubble.io. This Bubble tutorial includes a couple of extra tricks and tips including how to remove the text value from the progress bar and how to work with the progress bar when you are not working with percentage values.
Better checkboxes and toggles
In this Bubble tutorial video we demonstrate how you can quickly improve the look of checkboxes in your Bubble app by adding an Ionic Toggle.
How to customize buttons in Bubble.io and button UX tips
In this Bubble.io tutorial video we demonstrate how to customize button elements in the Bubble UI editor. We also discuss why using a hover effect can improve UX (user experience) for your app users.
Why is there Lorem Ipsum in my Bubble app?
Lorem Ipsum is a popular placeholder text or dummy text. So why do you sometimes find Lorem Ipsum in the preview of your Bubble app. It has to do with setting a page's Type of Content.