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
Creating a Temporary List Using Custom States in Bubble.io
In this Bubble.io tutorial video we show how Custom States to show a temporary list and build upon a temporarily list without saving data to your Bubble app's database using Repeating Groups.
How to build a chat app with Bubble.io Part 3
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This third video in a 3 part series completes this mini series demonstrating how to build your own chat app by showing the workflows required to send messages between users in Bubble.
GPT-4 Chatbot with Bubble - OpenAI chat and text generation
Here is every step needed to create an OpenAI GPT-4 powered chatbot using Bubble the no-code web app development platform. Discover how to use the Bubble API Connector to connect directly to the OpenAI API, how to interpret the OpenAI API documenation and format your messages using the JSON-safe modifier. Watch this video and save yourself hours of API errors.
Build AI Chat Without Coding Skills Needed
This engaging guide showcases how to build a no-code AI agent using Chipp.ai.
AI Usage Tracking Tool for No Code Developers - Helicone AI
Helicone AI is the no-code solution for tracking AI usage, cost, and performance in your Bubble.io app. In this Bubble tutorial video, discover how easy it is to integrate Helicone AI into your existing no-code app with minimal changes.
Bubble.io SEO Tip: Why it's important to use Link elements
In this Bubble.io tutorial video we explore why using the link element is important for SEO (search engine optimization) and why you should consider using it instead of the Workflow - Navigate to page action.