Highlighted

[Prototype]- How to create a "Liking"or "Favoring" Micro Interactions in XD?

New Here ,
Jan 30, 2020

Copy link to clipboard

Copied

Hi There,

 

Sorry if this is an easy question, But is there a way to simulate the micro interaction of "liking" or "favoriting" things in xd? Other than duplicating the artboard and overlaying a "liked" version of icon for every single instance.

 

To give more detail, I mean where a small icon on the page will change color or fill once clicked to indicate it has been liked.

 

Thanks in Advance.

 

<The Title was renamed by moderator>

Topics

How to, Prototyping

Views

142

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

[Prototype]- How to create a "Liking"or "Favoring" Micro Interactions in XD?

New Here ,
Jan 30, 2020

Copy link to clipboard

Copied

Hi There,

 

Sorry if this is an easy question, But is there a way to simulate the micro interaction of "liking" or "favoriting" things in xd? Other than duplicating the artboard and overlaying a "liked" version of icon for every single instance.

 

To give more detail, I mean where a small icon on the page will change color or fill once clicked to indicate it has been liked.

 

Thanks in Advance.

 

<The Title was renamed by moderator>

Topics

How to, Prototyping

Views

143

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
Contributor ,
Jan 31, 2020

Copy link to clipboard

Copied

If the micro interaction you're looking for is simple like change the icon's color, you can turn the icon into a component and create a new state with the colored version. After doing this, you can create a trigger that changes its state.

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
Reply
Loading...
Adobe Community Professional ,
Jan 31, 2020

Copy link to clipboard

Copied

Hi, this is possible thanks to the components. If it can help, I recommend you take a look at letsxd.com. Here you will find everything you need to make up the components and the microinteractions.

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
Reply
Loading...
Adobe Employee ,
Jan 31, 2020

Copy link to clipboard

Copied

Hi Jared,

 

Thank you for reaching out and using Adobe XD. In addition to what Franco and Italo has suggested, you can check out this article on creating interactive prototypes in XD: https://helpx.adobe.com/in/xd/help/create-prototypes.html

 

Hope it helps,

 

Thanks,

Harshika

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
Reply
Loading...