Styles
Discover how Bubble.io's Styles feature empowers solopreneurs to create visually stunning no code SaaS applications, allowing you to customize your app's appearance without coding and maintain consistency across your entire project.
Bubble button element guide
In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.
Figma Themes & UI Kits - Where To Find Design Inspiration
In this Bubble.io tutorial video we share some of the top places to look for design inspiration, UI kits and themes for your Bubble app.
How to add hover effect to a button in Bubble
In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.
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.
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.
Import Figma Design Into Bubble
In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Stream AI Generated Text into Bubble Repeating Group & Save to Database
Learn how to implement AI text streaming in your Bubble.io applications with database integration - a feature many developers have been struggling with!
Build your own No-Code Search Engine with Bubble.io
Learn how to create your own no-code search engine using Bubble.io and the Brave search API in this tutorial. Discover how to connect to the API, structure the data, and display search results on a separate page.
Build your own nocode CRM with Bubble.io – Part 2
In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a dashboard layout with a floating/sticky sidebar.
Generate an AI transcript in Bubble with Speaker Labels - Part 1
In this Bubble tutorial we demonstrate the AssemblyAI API Speaker Diarization (AKA audio transcription with speaker labels).
How to split and save OpenAI response Part 2
In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT and save each part of the AI generated text as a new entry in our Bubble database.