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 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.
Web scraping the New York Times with Browserbear
In this Bubble tutorial we demonstrate how screenshot the homepage of the New York Times using the Browserbear API.
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).
Develop Your Own AI Powered SaaS App Without Coding Using Claude Haiku 3.5 and Bubble.io
Learn how to harness the capabilities of Claude Haiku 3.5 and Bubble.io to build a powerful software-as-a-service application.
Gap between repeating group rows
In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.
Better checkboxes and toggles
In this Bubble tutorial video we demonstrate how you can quickly improve the look of checkboxes in your Bubble app by adding an Ionic Toggle.