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

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.

How to send data from Bubble to Make.com
In this Bubble tutorial video, learn how to seamlessly integrate data from Make.com to your Bubble app, showing you how to set up a scenario workflow to send and receive data effectively. Dive into the world of no-code development with these powerful integration tools.

Understanding Development vs Live versions in Bubble
In this Bubble.io tutorial video we explore the differences between the development version of your Bubble app and the live version of your Bubble app. Key takeaways are to get familiar with working with the 2 versions and that with 2 versions you have 2 separate databases.

How to use Option Sets with country and phone numbers in Bubble.io
In this Bubble.io video tutorial we show how to use Option Sets in the Bubble editor to store and display phone numbers and country codes. We use an example of a basic CRM to demonstrate the power of Option Sets to storing multiple expressions of the same data and saving this to your user in your Bubble database.

What's BEST for Al Custom Training - System Prompt vs Vector Database vs Fine Tuning
Learn how to supercharge your Bubble.io no-code apps with custom AI training data! In this comprehensive tutorial, we break down the most effective methods for integrating your own knowledge base with AI APIs like OpenAI and Claude.

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.