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
Gap between repeating group rows
In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.
Bubble table element - Sort by column
Here's one way you can customize the Bubble Table element. In this Bubble tutorial video we'll demonstrate how to create click to sort column headers.
OpenAI GPT-4o Beginners Guide for No Coders
Learn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.
How to Implement an RSS Feed in Bubble.io Without Any Coding - Easy Tutorial
Easily integrate an RSS feed into your Bubble app by using the API connector to pull XML data, allowing you to display real-time updates from sources like BBC News directly within your no-code application.
3 easy mistakes to make with the Bubble.io API Connector
Learn how to avoid the top three mistakes of using the Bubble.io API connector, including keeping your API key private, understanding the correct content type to use, and setting the API call as an action rather than data to control usage and prevent excessive billing.
Bubble & ChatGPT - Chatbot opening message
In this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.