# Figma import is blank

**URL:** <https://community.thunkable.com/t/figma-import-is-blank/1738656>\
**Category:** Questions about Thunkable X\
**Tags:** figma\
**Created:** [February 17, 2022, 4:11am UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656 "2022-02-17T04:11:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 17, 2022, 4:11am UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656/1 "2022-02-17T04:11:16Z")

</div>

I’m just getting started with Figma. In the [tutorial video](https://www.youtube.com/watch?v=tDSq4wM5yAE&ab_channel=Thunkable), it looks like you can just copy and paste the Figma url for the design you’re working on into the Assets section in Thunkable. When I do that, I just see a blank screen with a + at the top:

 ![Screen Shot 2022-02-16 at 8.11.46 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/8/f86e74e5398a8b2a8ec8dbbf386b376dd8b17280.png)

If I click the +, a new blank screen gets created. But it’s the only screen in the project.

Here’s the Figma url: [https://www.figma.com/file/Uuj6bXbuwImdT1osJrTBky/Untitled?node-id=0%3A1](https://www.figma.com/file/Uuj6bXbuwImdT1osJrTBky/Untitled?node-id=0%3A1)

And Figma layout:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/e/7e9d8add96537ebbeb6d86e9a1202af637f8196f.png)

And Thunkable project:

[https://x.thunkable.com/copy/33c888458c428d27260761df1500cd07](https://x.thunkable.com/copy/33c888458c428d27260761df1500cd07)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 17, 2022, 5:26am UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656/2 "2022-02-17T05:26:52Z")

</div>

I was missing a frame. I had just created a rectangle containing a bunch of rectangles but the outer rectangle needed to be a frame instead.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 17, 2022, 8:51am UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656/3 "2022-02-17T08:51:34Z")

</div>

The frame in Figma is the screen size in Thunkable. So not only having a frame but setting it to the proper size so that Thunkable can import it to fit the design screen. I saw that `iPhone 8` from the frame selection is the most one that fits Thunkable design size.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 17, 2022, 2:10pm UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656/4 "2022-02-17T14:10:19Z")

</div>

Thanks. The [documentation](https://docs.thunkable.com/v/drag-and-drop/figma) does say:

> At the moment, we are only supporting imports for mobile designs at 375x669 px in portrait mode.

So that’s the size I used for the frame.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 17, 2022, 6:51pm UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656/5 "2022-02-17T18:51:30Z")

</div>

> [@tatiang](#):
>
> that’s the size I used for the frame.

you can experiment going taller, but not wider. hopefully we’ll have the import system nailed down over the next month or so! It’s tough but a powerful feature that will only get better as time goes on!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 18, 2022, 6:52pm UTC](https://community.thunkable.com/t/figma-import-is-blank/1738656/6 "2022-05-18T18:52:28Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
