# Tutorial: How to Import Figma Files Into Bubble

**URL:** <https://forum.bubble.io/t/tutorial-how-to-import-figma-files-into-bubble/264301>\
**Category:** Blog post\
**Created:** [May 24, 2023, 10:03pm UTC](https://forum.bubble.io/t/tutorial-how-to-import-figma-files-into-bubble/264301 "2023-05-24T22:03:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![vivienne](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vivienne/32/58613_2.png) [@vivienne](https://forum.bubble.io/u/vivienne)\
**Post date:** [May 24, 2023, 10:03pm UTC](https://forum.bubble.io/t/tutorial-how-to-import-figma-files-into-bubble/264301/1 "2023-05-24T22:03:42Z")

</div>

Figma is a really popular, really useful design tool, so it’s no wonder so many people use it to create visual designs for webpages and apps. If that includes you, we have excellent news: You can import your designs directly from Figma into Bubble to create beautiful pages in your Bubble app without writing a single line of code.

* * *
This is a companion discussion topic for the original entry at [https://bubble.io/blog/figma-import-tutorial/](https://bubble.io/blog/figma-import-tutorial/)

---

<div class="post-metadata">

**Author:** ![mayur](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mayur/32/176288_2.png) [@mayur](https://forum.bubble.io/u/mayur)\
**Post date:** [June 1, 2023, 5:19pm UTC](https://forum.bubble.io/t/tutorial-how-to-import-figma-files-into-bubble/264301/2 "2023-06-01T17:19:34Z")

</div>

This is great news, except for one thing.

Not syncing on each subsequent import is a show stopper. The way its built right now, I would spend a bunch of effort in Workflows on the first import, and then each time I update the design in Figma (or if the design is being done by my UX person) all previous workflows would need to be re-added again?

Isn’t there a way to maintain workflows?

IF page already exists, then update the page but KEEP any existing workflows for objects that have the same name/ID and that haven’t changed

IF object on page has changed, then give the user the option to either keep the workflows and show errors instead, OR create a new page

Apps change over time, and Bubble should try to accommodate Figma changes gracefully if possible.

Thanks @vivienne

---

<div class="post-metadata">

**Author:** ![cheeks.br](https://avatars.discourse-cdn.com/v4/letter/c/57b2e6/32.png) [@cheeks.br](https://forum.bubble.io/u/cheeks.br)\
**Post date:** [June 7, 2023, 12:03am UTC](https://forum.bubble.io/t/tutorial-how-to-import-figma-files-into-bubble/264301/3 "2023-06-07T00:03:45Z")

</div>

Hi, I’ve just faced this same situation. The conclusion that I came across is… it is worth not importing, just using Figma to draft but spending most of the time building with the bubble interface.

---

<div class="post-metadata">

**Author:** ![bek](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bek/32/169143_2.png) [@bek](https://forum.bubble.io/u/bek)\
**Post date:** [January 20, 2025, 5:05pm UTC](https://forum.bubble.io/t/tutorial-how-to-import-figma-files-into-bubble/264301/5 "2025-01-20T17:05:35Z")

</div>

I have a Figma designer on my team and really got frustrated with having to do double work (rebuilding in bubble what they built in Figma) so I built [deezign.io](https://deezign.io), its an instant Figma to Bubble converter, where you can select designs from multiple files and use them across any bubble app.