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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1ef020724bcc38bdaf_uVycPCk4mlQ-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a229b2e07cfad25c164_y0_WWKSJB0w-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1b911d56c45c530686_QD-Tu9EmaTM-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a18acc92f4c544a573a_PipnA3GEQZU-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a16708bfa14a4bd75ea_thumbnail_15789660.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8eff2ca0fe7bbf85b4_No-code-web-design-with-Toddle.dev-and-Figma-1.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa56c2b1a653a2e393b_Thumbnails-by-Emily.png)
Demo of Return Data from Custom Events
Learn how to effectively create functions using Bubble.io's new feature called Return Data on custom events in this tutorial video. With reusable elements, you can easily deploy complex calculations and formulas across multiple pages in your app, simplifying your app development process.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a777c0c2f154af6a220_Send-data-from-Bubble-to-WP.png)
Using Bubble.io to post to WordPress blog
In this Bubble tutorial we demonstrate how to publish content generated in your Bubble to a Wordpress site. In this tutorial we the WordPress plugin AutomatorWP. Very useful if you are using AI to generate blog posts.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670abd935079905ff17446_I-built-an-AI-therapist-in-30-seconds.png)
I built an AI therapist in 30 seconds
Explore the exciting world of AI therapists with this insightful demo featuring a conversation with an AI therapist.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3ef864d7bb3d6407f4_Receiving-inbound-SMS-into-your-Bubble.io-app.png)
Receiving inbound SMS into your Bubble.io app
In this Bubble.io tutorial we'll show you how to process and store SMS replies to your ClickSend SMS notifications. ClickSend is a great alternative to Twilio.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6fc8c45ea3ee1d01bc_Save-Data-to-your-DB.png)
Bubble.io Beginners - How to create a new database entry
In this Bubble tutorial for beginners we explain how you can create new entries in your Bubble database using a form. We use the Create new thing workflow action to create a new contact using 2 input fields.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6194fc0d43c9e6a235_2.png)
How to: Timezone Dropdown with API
In this Bubble tutorial we demonstrate how to use the timezoneDB API to get a list of timezones and display this list in a dropdown for your Bubble app users.