We’re excited to announce that a new feature is available in Beta: importing from Figma! We know that a lot of you probably work on your designs in Figma, so we’re excited to offer this tool to make it easier to bring your work into Bubble.
We’ll state upfront that this feature is not aiming to be a 100% fidelity import, but rather it’s meant to give you a big head start on your Bubble app based on a Figma file. This means that you’ll very likely find that some things don’t carry over very well. We will try to fill in some of these gaps as part of the Beta testing process, but other gaps may not get prioritized because, at the end of the day, Figma and Bubble are two different platforms with different capabilities.
Even in spite of that though, we think the import does a decent job . Here is the documentation for this feature, including known limitations and tips on setting up your Figma file. A few things to call out:
- The import will bring in every top-level frame of your Figma file as a new page in your Bubble app (but invisible items will not be imported)
- This is a one-time, one-way import, i.e. we do not keep a link between a Bubble page and the original Figma frame. If you run the import again, it will again bring in every frame as a new page
- Names of elements will carry through from Figma to Bubble
- We do our best to bring in as much styling as we can (this is one area where you may find limitations)
- Images will still source from Figma’s servers, i.e. for now, we don’t upload the image to your Bubble app
- Bubble will not make any assumptions about what’s a repeating group in your Figma design
More to note - please check out the documentation!
For the period of the Beta, please feel free to post any feedback on this thread. A big thank you to all of our Alpha testers!!
Allen on behalf of the Bubble team