Skip to main content

I’m trying to prototype a landing page with a section that uses tabs to display a description of the feature below and a corresponding image of the tab selected above it, but I can’t find any resources or tutorials on how to set this up.


The way this would be structured is as follows:



Image for tab 1


Tab 1 Tab 2 Tab 3 Tab 4



Description for tab 1


Is there a way to prototype this in one screen and swap variants of this section instead of duplicating the landing page four times with all the different tab variants?

You can make a single component where each variant would be an active tab, then join tabs in a prototype mode


image


Quick demo

Figma – 20 Jun 22

Thanks for your response and the example! This is exactly what I was looking for 😃

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings