Skip to main content

I’m trying to create window tabs such as this


and I want it to function like a real browser tab where when I open a new window, a tab adds in and when I want to rid of it, I just simply delete the tab and its gone. Problem is I cant quite quite get the logic to it and cannot make it into reality. I need help with this.

Is it static content? Or are you trying to open URL in tabs? How many tabs you want?
If it is static, with lesser tabs you can try creating variants for Tabs and Content and use variables to change the Content on clicking of Tabs.



Just static tabs where it opens component tabs as well. Sort of like how web browsers add and close tabs but with the windows I’ve made in Figma. Is there a better and easier solution? And can you provide examples. Thanks


I don’t think there would be an easy way, except if there is any plugin out there.
You can check out this video to get an idea of using tabs.
You can simply change visibility of Tabs to False using variables when you want click ‘x’ to close the tab. But restoring the tab won’t be possible, unless you implement a toast with ‘Undo’ option.


Alright I’ll make sure to check the video, although it seems like in the video the tabs are pre made more like a navbar.


I you see my screenshots above, they have been created manually. Just a group of Text, Rectangle and a close button.