Figma
Elevate your no code SaaS design process with Figma integration in Bubble.io, empowering solopreneurs to create visually stunning and user-friendly interfaces without coding skills.
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 Build an NFT Marketplace Login with Figma & Bubble.io
In this Bubble.io tutorial video we demonstrate how and why you might choose to manually convert a Figma template into Bubble. This video explains padding, margins and explains the basics of CSS to help you get started.
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.
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.
No-code web design with Toddle.dev and Figma
In this no-code tutorial, I'm going to show you how easy it is to build a website without writing a single line of code using www.Toddle.dev. Toddle is a no-code platform that allows you to create websites and web apps effortlessly. In this video, I'll focus on how you can take a design from Figma and build it in Toddle.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Enhance your Bubble email communication with Loops.so
This Bubble tutorial showcases Loops.so, an incredible all-in-one SaaS email service. It allows you to send emails from your Bubble app to your users, providing transactional emails, marketing campaigns, and email automations. You can easily access its features through the Bubble API Connector.
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 fix the OpenAI Error HTTP 400 in Bubble.io
This Bubble tutorial video demonstrates how to fix OpenAI HTTP 400 in your Bubble app and even prevent error HTTP 400 from happening again.
How to Web Scrape Data From Another Website Into Bubble.io
In this Bubble.io tutorial video we show how to set up an API Connector integration with Page2API so that you can scrape content you've targeting from a website and save to your Bubble.io database.
Build AI Agents that SPEAK in Just 10 Minutes with NO CODE!
Discover how to create your own AI agents that speak effortlessly! Learn how to build and embed interactive AI agents with advanced text-to-speech capabilities using 11 Labs' innovative tools. This video offers a step-by-step demonstration of setting up a business coach AI agent, showcasing how you can customize responses, integrate various AI models, and add contextual knowledge. It also highlights the importance of voice selection and explores alternative tools for those seeking quicker deployment in real-world applications.
How to customize the 'Updated' page banner
In this Bubble tutorial discover the latest techniques on how to revamp your "We Just Updated This Page" banner in your No-Code Bubble app. This video highlights an amazing, user-friendly plugin that offers customization of the updated banner, contributing to a unique and pleasant user experience. Learn how to master the details of your app, right down to the color and layout of your app notification.