How to use components in Adobe Xd | tutorial with examples



Using components is one of the best ways to speed up your workflow in Adobe Xd, and it allows you do create some awesome interactions too. So in this video, I start from the very beginning with components. I talk about what they are, we create one together, give it a few different states, and then animate it! I also show you a few of the additional ways I use components most frequently in my own workflow. If you have any questions about Adobe Xd, feel free to leave them in the comments and I’ll try to help as best I can!

❐ TIME STAMPS ❐
00:00 Intro
00:28 What is a component?
01:21 Create a component with multiple states
05:47 Animate between states
09:28 Create a hover state
10:50 Prototype a toggle
12:024 More resources

❐ RELATED VIDEOS ❐
Xd Tutorials Playlist:
https://www.youtube.com/watch?v=TvxR6SvOoXY&list=PLAc81DyF_mAAtZKGczZcrFafdHscY10Sb

By the way, I have a Skillshare class for Graphic Designers looking to get into UI/UX! Watch the trailer here:
https://skl.sh/3pcWnGC

✨Let’s be friends!✨
Instagram ➭ @maddybeard.ux
Monthly Newsletter ➭ maddybeard.com/visual-qs
Behance ➭ behance.net/maddybeard

Duration: 00:12:54

source