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

OpenAI Rich Text Formatting
Learn how to add rich text formatting to your OpenAI API and ChatGPT messages in your Bubble.io app using BBcode or HTML.

How to Generate an Invoice Number Automatically in Bubble.io [2024]
Learn how to easily generate automatic invoice numbers in your Bubble.io app without any coding required. Perfect for solopreneurs and startups diving into the world of no-code development.

Using JSON-safe with Bubble.io and the OpenAI API
This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.

Secure your Bubble app by blocking multiple logins
Learn how to enhance the security of your Bubble.io app by ensuring users are only logged in from one location at a time, using the "log out other user sessions" feature. This simple step can help protect valuable data and prevent unauthorized access.

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.

Build a ChatGPT clone in 30 mins with Bubble.io
Build a ChatGPT clone with no code web app building platform, Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how to connect with the OpenAI API and how to correctly format your messages for historical message awareness with your AI conversations.