# Figma Files in the new UI

**URL:** https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725
**Category:** Questions about Thunkable X
**Tags:** draganddrop
**Created:** [December 18, 2020, 5:11am UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725 "2020-12-18T05:11:56Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)
#### Post date: [December 18, 2020, 5:11am UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/1 "2020-12-18T05:11:56Z")

</div>

i wonder wat are figma images …  
are they like 3d images  
and also can u upload webp and svg files

---

<div class="post-metadata">

### Author: ![tchind](https://avatars.discourse-cdn.com/v4/letter/t/ebca7d/32.png) [@tchind](https://community.thunkable.com/u/tchind)
#### Post date: [December 18, 2020, 3:02pm UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/2 "2020-12-18T15:02:01Z")

</div>

Hi all ,

did you notice this figma section ! I am going to share in this post How to use it.

Please Upvote , Love and Like.

Now, Back to the topic.

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

(ANDRIOD 1 WOULDNT BE COMING)

Go to figma and to your project(not live preview ).  
Click add button and paste the link.  
Then It would say success !

Click Add as a screen!

And Now You are done!

> Mission Successful

The toturial should have this.  
cc: [@Community\_Testers](https://community.thunkable.com/groups/community_testers) [@Beta\_Testers](https://community.thunkable.com/groups/beta_testers) [@Power\_Thunkers](https://community.thunkable.com/groups/power_thunkers) @tatiang @darren @gm_shack

---

<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: [December 19, 2020, 6:08pm UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/3 "2020-12-19T18:08:58Z")

</div>

@tchind Please consider making a video or set of screenshots that show **all** of the steps for using Figma. What you posted is not really a tutorial and not all that helpful for someone just getting started with it. I’m glad you’re offering to help and I hope you’ll post something in a **new** topic to show us how to get started with Figma.

---

<div class="post-metadata">

### Author: ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)
#### Post date: [December 19, 2020, 6:33pm UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/4 "2020-12-19T18:33:43Z")

</div>

@tatiang have you worked with Figma before? Figma does the design for you instead of Thunkable. You can import component designs such as a button or just a template made in Figma. To import the components, you gather the share link for the project and add it to Thunkable via the Figma section.

If I had time on my hands I could demonstrate this but I’m super busy. Awesome feature though!

---

<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: [December 19, 2020, 7:48pm UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/5 "2020-12-19T19:48:36Z")

</div>

It sounds amazing. I tried it and nothing seemed to happen when I used the Figma share link in Thunkable so I’m guessing I’m not using the right components in Figma.

**Edit** Okay, I got it working a bit. This video helped: [Figma](https://www.figma.com/file/GOqJqnJRJr8aEaVOMifdro/Untitled?node-id=0%3A1).

---

<div class="post-metadata">

### Author: ![tchind](https://avatars.discourse-cdn.com/v4/letter/t/ebca7d/32.png) [@tchind](https://community.thunkable.com/u/tchind)
#### Post date: [December 21, 2020, 3:10pm UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/8 "2020-12-21T15:10:50Z")

</div>

Hi,  
@tatiang  
You should use android 1 screen.

Not rectangles  
i mean you can use them on android 1 only!

Detailed tutorial to be out Soon!

THE TOTURIAL MAY COME OUT TO YOU TODAY.  
Regards,  
@tchind

Hello, today i rolled out the toturial in a new topic. Pls Search Figma and you will find it

@tatiang

Hi @tatiang I have renamed from @arnavvstqlt20 to @tchind

See my new toturial-

[How to synchronize thunkable new shiny UI with Figma](http://community.thunkable.com/t/how-to-synchronize-figma-to-thunkable-shiny-ui/1040648)

---

<div class="post-metadata">

### 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:24am UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/9 "2022-05-24T09:24:56Z")

</div>

> [@tatiang](#):
>
> nothing seemed to happen when I used the Figma share link

Interesting - are you phone screens in frames or rectangles @tatiang?

The importer looks for frames and handles each one as a new screen in your Thunkable project

* * *

> [@tchind](#):
>
> today i rolled out the toturial in a new topic. Pls Search Figma and you will find it

Thanks for taking the time to create this @tchind - much appreciated!

---

<div class="post-metadata">

### 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, 12:19pm UTC](https://community.thunkable.com/t/figma-files-in-the-new-ui/1040725/12 "2024-11-08T12:19:37Z")

</div>


