How to Design an Interactive Navigation Tabs in Figma | Beginners Tutorial

[@silverflowerhohocham3711]

This is my first video by you, you've taught interactive component concept so well. Thank you so much!

[@DesignXstream]

Glad you liked it! Cheers! ✌🏼

[@dotpenji]

I really enjoyed your video on creating interactive tab views in Figma. Your step-by-step explanation was clear and easy to follow, making it accessible for both beginners and those with some experience. Btw, are there any other UI components or design techniques you'd recommend diving into next for someone looking to improve their Figma skills? 🤔🎨

[@DesignXstream]

For someone who is getting started I would recommend them to go through this playlist where I show in detail how to build basic UI components: ruclips.net/video/MCbpcfEmjxM/видео.html

[@maheshbiruduganti1718]

Great bro

[@DesignXstream]

Cheers bro ✌🏼😇

[@alistairtaylor1753]

Can that absolute positioned element on the bottom resize with text?

[@DesignXstream]

You can use constraints to the absolute positioned element to react to the resizing but it depends on the type of layout you want!

[@supriyamongra1478]

Very well explained tutorials. Thanks for sharing these. Super helpful

[@DesignXstream]

Glad you like them! Cheers ✌🏼

[@nitingamingnb5729]

Thank you sir ❤

[@DesignXstream]

Cheers! ✌🏼

[@suryajayarajan42]

Do this with variables

[@DesignXstream]

that's a good idea.. Will explore how variables can be useful in these components.

[@nikitapotdar8749]

It will be of great help if you can show where actually it can be used in an app or website, like instead of Tab 1, Tab 2 etc...what generic terms are actually used

[@DesignXstream]

That's a good suggestion. Will try to make a video on how to use this is a demo project.

[@swethasivanandam5943]

Thank you so much🥺

[@DesignXstream]

You’re welcome 😊

[@Tnsnow1129]

Fantastic bro 🔥

[@DesignXstream]

Thanks buddy 🙌🏼 😄

[@eirikmonsen9359]

Awesome!

[@DesignXstream]

Cheers ✌🏼

[@쌀떡이-p3g]

🎉Nice video and clear explanation. If we want a picture under each tab, can we just add it there?

[@DesignXstream]

Then you will have to modify it slightly by increasing the frame height and adding images to it in the variants.