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
Bubble pirate translator with OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
How to Create a Background Video In Bubble
In this Bubble.io tutorial video we demonstrate how to create a background video hero section using HTML that works on mobile.
Is Lemon Squeezy a good Stripe alternative for Bubble.io
Looking for a Stripe alternative for your Bubble app? We've been testing Lemon Squeezy. Here is our comparison between Stripe and Lemon Squeezy for Bubble app builders.
Instant Landing Page in Bubble.io – Built in Just 10 Seconds!
Discover how to create stunning landing pages in Bubble.io within seconds using the powerful Nocodable Components library! In this tutorial, we demonstrate how this game-changing Chrome extension can dramatically speed up your no-code development workflow. Watch as we showcase the seamless process of building a professional landing page with just a few clicks, complete with responsive design, mobile menus, and gorgeous hover animations.
Alternative to OpenAI ChatGPT - Claude 2
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
Build a nocode AI social media post generator in 10 mins
In this Bubble.io tutorial, we demonstrate how easy it is to create a social media post generator for facebook, twitter, instagram, youtube, etc. powered by OpenAI's ChatGPT model using the nocode app development platform Bubble.