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

How to use Custom States in Bubble including 2 examples
In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.

How to securely generate a verification code
In this Bubble.io tutorial video we demonstrate the right and secure way to generate a verification code. Remember that any data used in a front end workflow can be accessible to the user so we need to use backend workflows to complete this task.

Build No Code Meeting Bots with Recall.ai
Make your own customizable meeting bot application using Bubble.io, a powerful no-code web application platform. By integrating with third-party APIs like Recall.ai, you can unlock the potential to automate transcriptions, analysis, and more for your virtual meetings.

Exploring Prompt Engineering: GPT 4.1 vs. Claude 4.0 Sonnet Showdown using Portkey Playground
Discover the ultimate AI model showdown for no code developers! In this comprehensive comparison, we test OpenAI's GPT-4.1 against Anthropic's Claude Sonnet 3.5 and Claude 4 to determine which AI delivers the best results for no-code web app development.

Creating a signup & login widget with a dropdown menu
In this Bubble.io tutorial we demonstrate how to create a dropdown login and registration menu using the Group Focus element in our Bubble app's header.

What is GPT 4o
In the world of no-code AI app development, keeping up with the latest models like GPT-4o from OpenAI is crucial. With advancements like the ability to input a whopping 128k of context length, innovators using platforms like Bubble.io are able to push the limits of what's possible with AI-powered applications.