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
How to send 1 database entry to a new page
In this Bubble tutorial we'll demonstrate how to take one entry in your Bubble database from a list of entries and link through to a page all about that one entry. Very useful if you are building a nocode marketplace with Bubble.
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.
Designing Beautiful Charts in Bubble.io
In this mini-tutorial, we'll teach you how to create and customize tooltips to guide your users and enhance their app experience.
.png)
Step by Step Guide to Building No Code SaaS Apps Using Claude 4 with Streaming
Discover how to implement Claude 4's streaming capabilities in your Bubble.io no-code applications! In this hands-on tutorial, we demonstrate live debugging and implementation of Anthropic's Claude 4 AI streaming responses, showing you exactly how to integrate this powerful feature into your Bubble.io projects. Learn how to set up the API connector, configure streaming parameters, and display real-time AI responses in your web app's interface.
How to build a chat app with Bubble.io Part 1
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This first video in a 3 part series sets the foundation for adding user chat to your Bubble app by examining the UI, data structure and privacy rules you need for live chat between users.
How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.