Hey everyone,
Just discovered that Figma Make has officially released its Supabase integration—but here’s the interesting part: I’ve already been using Supabase with Figma Make before this integration even existed.
The new integration is cool, but it mainly supports simple key-value pair setups. If you’re building anything more complex or relational, it quickly hits limitations.
So here’s a method I’ve been using that still works perfectly—especially for advanced database structures:
✅ My Method to Set Up Complex Supabase Databases in Figma Make
1. Structure your app in Figma Make.
Make sure your app's UI and components are well-organized.
2. Ask Figma Make AI for the database schema:
Prompt:
“Generate a Supabase schema that can be run in the SQL Editor to create tables that support my current app.”
3. It will generate a .sql file inside your app's code structure.
4. Copy that SQL schema and paste it into the SQL Editor of your Supabase project.
5. Run it.
If there are any errors, simply paste the error into Figma Make and ask it to regenerate a corrected schema.
6. Repeat until you see:
Success. Rows created.
7. ✅ You now have a working database setup.
8. Now prompt Figma Make to connect the backend:
Prompt:
“Connect this app to Supabase backend and use the existing tables for all the functionality.”
9. Figma Make will link your app to Supabase and rewrite the backend code to use your custom schema.
💡 Bonus Tip:
Before the official integration, I connected Supabase manually using the Project ID and Anon API Key in Figma Make. That still works, but now the integration streamlines the process even more—without compromising on power.
Yes, sometimes you’ll hit issues post-integration (e.g., missing queries or broken actions), but just prompt Figma Make to debug or rewire specific functionality and it usually gets fixed instantly.
I’ve used this process to build complex apps like:
-
💰 A deep Finance Tracker and Analytics tool
-
🎬 A rich Cinema Tracker
Hope this helps you push your app ideas even further. Go build something awesome! 🚀
