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 a reusable element and why you should
In this Bubble.io tutorial we demonstrate how to create a reusable element in a Bubble app and explain the benefits of using reusuable elements wherever possible.
Build Your Own No Code Feedback Widget in Bubble.io – Fast & Easy!
Learn how to build a professional custom feedback widget in your Bubble.io no-code web application! In this step-by-step tutorial, discover how to create an interactive feedback system that captures screenshots, sends data to Slack, and provides a seamless user experience. You'll master essential techniques like implementing floating elements, adding custom CSS, and integrating third-party plugins to create a powerful feedback mechanism.
How to display a user's name on a page
In this Bubble.io tutorial, we'll guide you through displaying a user's name on a page in your Bubble app.
Why you shouldn’t be using the OpenAI Assistant API with Bubble.io
In this Bubble tutorial, we will discuss whether you should use the create chat completion endpoint or the new beta list of endpoints from OpenAI when working with Bubble and building a web app with Bubble.io.
Build a Twitter Clone with Bubble.io - My Profile
In this Bubble tutorial we add a Settings page or My Profile page to our Twitter clone built with Bubble.io.
How we're building No Coders on Reddit with this automation [Behind the Scenes]
Ever wondered how we provide detailed answers to Bubble.io questions on Reddit? In this behind-the-scenes look, we reveal our innovative semi-automated system that combines AI technology with our extensive Bubble.io knowledge base. Using RSS feeds, advanced AI, and vector database technology, we've created a powerful solution that matches Reddit questions with relevant content from our library of over 500 tutorial videos and courses.