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
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.
Intro to Product listing page using Repeating Groups
In this Bubble tutorial we build a simple product listing page using the Repeating Groups element. We explore how to add data to a Repeating Group element, how to style a Repeating Group and how to link the whole cell in a Repeating Group to a page displaying a single entry in our Bubble database.
QR Code Generator in a Bubble
In this Bubble tutorial video we demonstrate how to generate a QR code within your Bubble app. We use the 'Barcode & QR Code Generator' plugin from the Bubble plugin directory to add a QR code to data in our database using that data's Bubble unique ID.
How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.
How to create an infinite test users with Gmail
In this Bubble tutorial we covered a Gmail hack that many people don't know about! Use this hack to create an infinite number of email addresses that all arrive in your Gmail inbox. Perfect for inventing test user email addresses for your no-code SaaS, MVP or Bubble app.
Web Scraping Google Search Results in Bubble.io - Part 1
Web scraping Google search results is easy with the Serper.dev API. In this Bubble.io tutorial we demonstrate how to use the Serper.dev API to fetch Google Search results into your Bubble app. A must for anyone building an SEO focussed SaaS app with Bubble.