How I Made Two Figma Make Prototypes “Talk” to Each Other

A simple guide for Product Designers (no engineering brain required).

TL;DR:
Figma Make wasn’t supposed to let two prototypes “communicate” like real apps… but I’m stubborn, bored, and powered by iced coffee. So I wired them together with Supabase and made two screens pass values to each other in real time. And yes the keyboard works too. 🤯

What We’re Making

You’ll create two separate Figma Make prototypes that can:

• send information to each other

• update instantly

• behave like a real product

• show live changes on both screens

Yes, for real.
Yes, in Make.
No, you don’t need to code.

Set Up Supabase (Designer-Friendly)

Step 1 — Create a Supabase project, it’s free for first 2 projects.

• Go to supabase.com

• Click “New Project”

• Name it anything (e.g., “figma-make-demo”)

Step 2 — Connect Supabase to Figma Make

• Hit “Connect”

Create Your Two Prototypes

Here’s actually the fun part of building out your prototype and my quick tips on creating them in the best possible manner.

Connect your Design System

Create a base layout

Never one-shot prompt the entire screen

Side by Side View on Figma

Nifty tab trick to put them side by side

Perfect, now you have 2 working prototypes. Let’s get them to talk to each other!

Prompts to Figma Make (Copy/Paste These)

Below are the exact prompts to give Figma Make so the prototypes interact.

Prompt for Prototype A (Sender)

When you click Pay, send this data to Supabase as JSON:

• sender name

• receiver name

• amount

Prompt: 

When the user clicks the Pay button, take the sender name, receiver name, and amount from the page, and save them as a new JSON row in the connected Supabase table.

That’s it for Prototype A.
No need to overcomplicate it.

Prompt for Prototype B (Receiver)

What you want it to do:

• Watch the Supabase table

• When a new row arrives

• Show a card with the exact data from that row

Important detail:
Figma Make auto-creates a table name when you hook it up.
You just copy that table name and use it in your prompt/logic.

Prompt:

Check this Supabase table for new entries. Whenever a new item is added to <table_name>, display a card on this page using the sender, receiver, and amount from that row.

You’re basically telling Prototype B:

“Keep an eye on this table. If something new appears, show it.”

And that’s it!

---