# Figma Integration with Thunkable not working

**URL:** <https://community.thunkable.com/t/figma-integration-with-thunkable-not-working/1666299>\
**Category:** Questions about Thunkable X\
**Tags:** design, thunkable-bugs, figma\
**Created:** [January 5, 2022, 3:24pm UTC](https://community.thunkable.com/t/figma-integration-with-thunkable-not-working/1666299 "2022-01-05T15:24:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bahetysudhanshu](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bahetysudhanshu/32/106176_2.png) [@bahetysudhanshu](https://community.thunkable.com/u/bahetysudhanshu)\
**Post date:** [January 5, 2022, 3:24pm UTC](https://community.thunkable.com/t/figma-integration-with-thunkable-not-working/1666299/1 "2022-01-05T15:24:56Z")

</div>

I tried using figma integration with thunkable. What I observed is the components are by default aligned to right while importing the figma designs. The mobile preview was completely broken.

How it looks in figma:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/d/6de1403d105bd70deb5af33ee5b6723cc60a9c76.png)

How it looks in thunkable:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd26ba8a237ef24a040d132ec8c8b734ea44279d.png)

How it looks in mobile version:

 ![WhatsApp Image 2022-01-05 at 8.52.44 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2d9d342a928490d81c563f0551b5327ab48d3e9d.jpeg)

The font sizing, aspect ratio are completely broken.

---

<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:** [January 5, 2022, 3:28pm UTC](https://community.thunkable.com/t/figma-integration-with-thunkable-not-working/1666299/2 "2022-01-05T15:28:38Z")

</div>

What screen size are you designing with in Figmma?

I find 380 X 670 to be pretty darn good for importing.

For example

> **[Figma](https://www.figma.com/file/ZCJoiFABZs4ZsIJRiVOWOK/Untitled?node-id=4%3A4)**
>
> Created with Figma

---

<div class="post-metadata">

**Author:** ![bahetysudhanshu](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bahetysudhanshu/32/106176_2.png) [@bahetysudhanshu](https://community.thunkable.com/u/bahetysudhanshu)\
**Post date:** [January 6, 2022, 5:53am UTC](https://community.thunkable.com/t/figma-integration-with-thunkable-not-working/1666299/3 "2022-01-06T05:53:04Z")

</div>

Perfect. Can we add this to the thunkable docs? I feel this is critical while designing in figma. I was not able to to find the standard screen size which should’ve been used in figma.

---

<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:** [April 6, 2022, 5:53am UTC](https://community.thunkable.com/t/figma-integration-with-thunkable-not-working/1666299/4 "2022-04-06T05:53:39Z")

</div>

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