# How to add bottom tab navigator from figma? **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** beginner\ **Created:** [August 21, 2022, 6:32am UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093 "2022-08-21T06:32:39Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![dhanushan48608nkfw](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@dhanushan48608nkfw](https://community.thunkable.com/u/dhanushan48608nkfw)\ **Post date:** [August 21, 2022, 6:32am UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/1 "2022-08-21T06:32:39Z")
I tried to add a layout design from figma, But the bottom tab navigator didn’t work. How to do that? or how to customize the existing one from thunkable like this one? (See the attachment) ![image_2022-08-21_120249077](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/a/4a126d9ddb6450fa595e2d5550e05615bf5d50da.png) ---
**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\ **Post date:** [August 21, 2022, 3:16pm UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/2 "2022-08-21T15:16:18Z")
Are you using DnD or StP? ---
**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\ **Post date:** [August 22, 2022, 1:50am UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/3 "2022-08-22T01:50:14Z")
If you are using DnD here is a screenshot from the docs as to how you do it. ![Screenshot_20220821-184918_Chrome](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/8/b88f0bf8322c0321eaf1ad62a4da01d17e522fc0.jpeg) > **[Top Tab Navigator](https://docs.thunkable.com/top-tab-navigator)** > > Possibly the most common style of navigation in mobile apps is tab-based navigation. ---
**Author:** ![dhanushan48608nkfw](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@dhanushan48608nkfw](https://community.thunkable.com/u/dhanushan48608nkfw)\ **Post date:** [August 21, 2022, 3:40pm UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/4 "2022-08-21T15:40:27Z")
DnD ---
**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\ **Post date:** [August 22, 2022, 4:09am UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/5 "2022-08-22T04:09:58Z")
Then my above screenshot will work for Top/bottom/drawer navigators ---
**Author:** ![dhanushan48608nkfw](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@dhanushan48608nkfw](https://community.thunkable.com/u/dhanushan48608nkfw)\ **Post date:** [August 23, 2022, 12:47pm UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/6 "2022-08-23T12:47:50Z")
Thank you, actually my question was any customizing the navigator like my attachment ---
**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\ **Post date:** [August 23, 2022, 7:40pm UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/7 "2022-08-23T19:40:44Z")
So for that, i would probably use a group, and place your images and such in there. ---
**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:** [August 23, 2022, 11:19pm UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/8 "2022-08-23T23:19:59Z")
That’s a great question Well you can’t customize our navigators much, you can create your own custom NAV bar that you place on each screen. You can create a group and change its positioning to be relative to device. Place that group at the bottom of the screen, and now you have a nav bar that floats above other screen content. ---
**Author:** ![dhanushan48608nkfw](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@dhanushan48608nkfw](https://community.thunkable.com/u/dhanushan48608nkfw)\ **Post date:** [August 26, 2022, 10:01am UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/9 "2022-08-26T10:01:28Z")
Thanks, It’s clear ---
**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:** [November 24, 2022, 10:01am UTC](https://community.thunkable.com/t/how-to-add-bottom-tab-navigator-from-figma/2008093/10 "2022-11-24T10:01:59Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.