Skip to main content
April 8, 2024
Question

Creating tabs like in a browser when you can add and delete tabs as well as navigate through them

  • April 8, 2024
  • 5 replies
  • 668 views

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.

This topic has been closed for replies.

5 replies

Vishal_Ramawat
April 8, 2024

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.


April 8, 2024

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

Vishal_Ramawat
April 8, 2024

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.

April 8, 2024

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.

Vishal_Ramawat
April 8, 2024

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