Skip to main content
Solved

Prototyping tabs and states with dynamic content changes


Isabel1

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?

Best answer by Pavel_Kiselev

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

Quick demo

Figma – 20 Jun 22
View original
This topic has been closed for replies.

Pavel_Kiselev

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

Quick demo

Figma – 20 Jun 22

Isabel1
  • New Member
  • June 21, 2022

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


  • July 21, 2022

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings