Design import, how to use this?

lucas.ar · 2020-06-06T17:46:34.268Z

I thought it was in development (announced in june 2020)

Monthly Community Update - June 2020

We have an intern working with us on an feature to allow importing Figma files into Bubble, which we’re going to start alpha-testing shortly.

lantzgould · 2020-06-06T18:45:30.776Z

Go to your Figma settings and click on ‘Create a new personal access token’

Enter it into the ‘API’ key in your Bubble Settings. Then grab the file ID from the URL of one of your Figma files. This can be found from the URL.

This is the File ID:

image1133×42 3.19 KB

Then click import.

image1074×176 11.4 KB

After clicking import, Bubble will generate a new page containing your file.

Not sure why Bubble wouldn’t announce this??

josh · 2020-06-07T00:50:47.285Z

…because we, um, released it early on accident. We’re still testing and it might be pretty buggy; we’re going to hide it again shortly

J805 · 2020-06-07T01:10:21.161Z

Hahaha

I have a designer working on a page for me and would like to do beta testing for you guys. Let me know how I can be a part of it.

lucas.ar · 2020-06-07T06:11:02.314Z

Hi @josh, thank you for replying, I’m super new in the platform (less than 12h) and I thought

this cannot be the thing their announced 2 days ago , it would be awesome

Count me in for alpha testing please, as i will mainly use bubble server of business logic but im eager to work with outside designers .

P.S for future readers, the option is gone

alexander2 · 2020-06-08T13:37:23.811Z

@josh, would love to join the testing of this as I’m a UI/UX designer!

josh · 2020-06-08T22:31:48.686Z

Here’s the discussion: [Feedback requested] Bubblers who also use Figma. Send a note to @allenyang if you’re interested (no promises though, we may have enough initial testers already)