Need help connecting Stripe to my desktop app made in Figma Make

Hi ​@jnwalker!

Thanks so much for your post. It sounds like you’ve had a frustrating time trying to set up Stripe with your app.

Just to make sure I understand what you are doing, you’ve built a desktop app in Figma Make for others to download and make a purchase or upgrade from within the app? What have you tried so far within Figma Make to set up this integration, and are you unable to do this at all or is it giving errors when you try to test? I think getting a better understanding of the state and some context with your app will be helpful. Thanks!

Hi ​@adamsmasher ,

Sadly, Yes, it has been incredibly difficult. I got 85% of the way to making my desktop app real, but I cannot figure out how to add the payment processor and I am having a problem with Suprabase.

I have used so many prompts to try to fix it without success, I think the fix is somewhere in the code. But I am not a coder. Everything went downhill once I tried to connect the Suprabase for the membership profiles and connect the API Keys from Stripe. Although I have the API keys from Stripe, I honestly don’t know where in the app or app’s code to place them. I also cannot figure out what the error message, “Failed to Fetch” is for.

My main questions are:
1. Does Figma really make actual functioning apps? Maybe I have the wrong app...
2. Do you have to use Stripe as the payment processor in Figma?
3. Is there another back end database, I can use other than Suprabase in Figma?
4. If I have to rebuild the app, how can I export what I have?
5. Is there any tech or verbal support in Figma?

Please share whatever advice you have.


Thank you,
jw

 

Sorry to hear that, ​@jnwalker. Sounds like you’ve really been working hard at this.

To answer your questions in specific:

1. Yes, though considering the nature of generative AI, it can sometimes produce imperfect results that may be inaccurate, incomplete, or not function as you may desire. Outputs will vary depending on the prompt, file context, and model used. However, as you’ve seen credits will still be consumed if work was performed. 
2. No, but you might want to contact another payment processor and see if they have any guidance on what you’d need in order to integrate it.
3. Supabase is currently what we support and is pretty simple to connect. I recommend looking at our help article on adding a backend to make sure you’ve connected correctly. Using our integration will mean that Figma make will have access to the database when you prompt changes that use the database.
4. It’s not quite the same as exporting, but you can push your Figma Make app to a Github repo. Once you have it in Github you can interact with it using all the usual Github features. Note that if you push from Make to Github again, it will overwrite the repo with whatever is current in Figma Make.
5. You can get in touch with our support team on our support hub, and I can also create a ticket for you if you’d contact our support team.

In the meantime, I recommend looking at this article that includes tips on getting the most out of Figma Make while being efficient with credits. When it comes to integrating Stripe, you may want to view Stripe’s documentation (and their support team) so you can be more specific in what you ask Figma Make to add. With third party integrations, make sure you don’t include API keys and secrets directly in the chat. Instead, you can have Figma Make build everything and then tell you where in the app you should add those using the code editor.

You’ll get there, ​@jnwalker! I’ve been in your position myself when making my own apps with integrations I’m not that familiar with.