# Figma design all over the place when imported **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** beginner, ui, figma\ **Created:** [October 10, 2021, 4:56pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633 "2021-10-10T16:56:45Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 10, 2021, 4:56pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/1 "2021-10-10T16:56:45Z")
I am trying to import screens I have created in Figma however once imported the design is all over the place, sizing is off, elements moved etc. Anybody has any suggestions on how can I import a like for like version from Figma? ---
**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:** [October 10, 2021, 5:39pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/2 "2021-10-10T17:39:39Z")
I have yet to see a successful implementation of Figma in Thunkable. The little I tried when it first was added to the product was a failure. I’m sure part of it was my fault but I’d love to see a proper tutorial on how to do this well. ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 11, 2021, 9:33am UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/3 "2021-10-11T09:33:21Z")
@vvaroczii can you try delete Screen1 and then import into a “blank” Thunkable project? Let me know whether or not that works for you, if not please PM me your Figma file ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [October 11, 2021, 1:47pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/4 "2021-10-11T13:47:47Z")
I have only tried implementing Figma once, just to test it out, and it worked quite well for me: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/9/79aaa41f9b59cc5741e8c3f9aa76cd4d56c90146.png) The sizing and spacing is also pretty on-point. ---
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 11, 2021, 2:10pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/5 "2021-10-11T14:10:03Z")
@domhnallohanlon I am unable to delete Screen 1, I get a blank screen and on refresh the screen is back. On import I get the below. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/0/30702c7afc29fee39080b8124db8aaa521892ef1.png) Should me ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/2/7267f8594527307e02cda59677aeecf5dd4ff6cb.png) ---
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 11, 2021, 2:11pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/6 "2021-10-11T14:11:16Z")
Thanks @codeswept unfortunately I dont get the same result but hopeful that this will be resolved. ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 11, 2021, 2:12pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/7 "2021-10-11T14:12:37Z")
> [@vvaroczii](#): > > on refresh the screen is back Can you try importing before you refresh the page? What does the alignment look like when you preview your app? The only issues I can see are the icons at the top of the screen - right? For the “My profile” and job title labels can you set the text alignment to left? ---
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 11, 2021, 2:14pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/8 "2021-10-11T14:14:44Z")
Icons displayed incorrectly, the line wasnt imported, some of the labels have been resized… Also I have noticed when I link a block to a component e.g. on click action to a card, in the companion app the card is invisible… ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 11, 2021, 2:16pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/9 "2021-10-11T14:16:14Z")
> [@vvaroczii](#): > > the line wasnt imported Does it appear in your component tree? ---
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 11, 2021, 2:17pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/10 "2021-10-11T14:17:43Z")
Nope. ---
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 11, 2021, 2:19pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/11 "2021-10-11T14:19:09Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/1/b19a89e623ae44148b102603e52f3bf3140348f4.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/2/02c8fbb4eebfe37abe90fda86b9e4935628acd03.png) ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 11, 2021, 2:19pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/12 "2021-10-11T14:19:12Z")
> [@domhnallohanlon](#): > > if not please PM me your Figma file Can you PM me your Figma file so please? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 11, 2021, 5:06pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/13 "2021-10-11T17:06:29Z")
Getting there @vvaroczii! 😄 ![Screenshot 2021-10-11 at 18.03.34](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/2/f22dd7034c726d14fe642630e228fb2373d422a4.png) ---
**Author:** ![vvaroczii](https://avatars.discourse-cdn.com/v4/letter/v/48db29/32.png) [@vvaroczii](https://community.thunkable.com/u/vvaroczii)\ **Post date:** [October 11, 2021, 5:21pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/14 "2021-10-11T17:21:12Z")
Oh nice!!! ---
**Author:** ![nchila2p](https://avatars.discourse-cdn.com/v4/letter/n/858c86/32.png) [@nchila2p](https://community.thunkable.com/u/nchila2p)\ **Post date:** [November 18, 2021, 2:05pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/15 "2021-11-18T14:05:29Z")
Hi @domhnallohanlon hope you well! I am experiencing a very similar issue to @vvaroczii, would you be able to assist in the same way through PM? Would greatly appreciate the help! Thank you! ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [May 24, 2022, 9:29am UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/16 "2022-05-24T09:29:12Z")
> [@tatiang](#): > > I’d love to see a proper tutorial on how to do this well. Thanks for the feedback @tatiang - I’ve got one in the works, will share with you directly before publishing! * * * > [@vvaroczii](#): > > Oh nice!!! Thanks @vvaroczii, glad you like it. Were you able to get this published in the end? * * * > [@nchila2p](#): > > would you be able to assist in the same way through PM? Just seeing this question now @nchila2p - what sort of app are you working on? Can you post about it here so that we can all learn together? Thanks! ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:14pm UTC](https://community.thunkable.com/t/figma-design-all-over-the-place-when-imported/1554633/17 "2024-11-08T13:14:51Z")