How to create a dynamic pricing table in XD?

New Here ,
Jan 14, 2022 Jan 14, 2022

Copy link to clipboard

Copied

In the design of a web for a hosting service company, there are 03 pricing tables according to the month plan. One table is for 12 months, another for 24 and another for 36 months. I don't know how to create the effect, the 12-month plan appears by default, if I want to press 24 months, the 12-month table must disappear and the 24-month table must appear, the same for 36. Any help would be appreciated. Thanks

 

<Title renamed by moderator>

TOPICS
How to , Prototyping

Views

168

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Jan 15, 2022 Jan 15, 2022
Hi @renzocj-lima,  I think the easiest way to do this would be connecting different artboards while a pricing table is clicked (in which a particular pricing table is visible) if you do that with auto animate, that'd look great! (You can find many tutorials if you don't know about auto animating in XD https://www.youtube.com/results?search_query=auto+animate+in+XD )

Likes

Translate

Translate
Adobe Community Professional ,
Jan 15, 2022 Jan 15, 2022

Copy link to clipboard

Copied

LATEST

Hi @renzocj-lima,  I think the easiest way to do this would be connecting different artboards while a pricing table is clicked (in which a particular pricing table is visible) if you do that with auto animate, that'd look great! (You can find many tutorials if you don't know about auto animating in XD https://www.youtube.com/results?search_query=auto+animate+in+XD )

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines