How to use components in Adobe Xd | tutorial with examples

Published: 15 April 2021
on channel: Maddy Beard UX
54,985
2k

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:
   • Color transition animations in Adobe XD  

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


Watch video How to use components in Adobe Xd | tutorial with examples online without registration, duration hours minute second in high quality. This video was added by user Maddy Beard UX 15 April 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 54,985 once and liked it 2 thousand people.