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
Видео How to use components in Adobe Xd | tutorial with examples канала Maddy Beard
❐ 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
Видео How to use components in Adobe Xd | tutorial with examples канала Maddy Beard
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
My Adobe Creative Residency Application + Tips | Apply Now for 2021-2022!Adobe XD to HTML CSSMulti-Level Nested Dropdown Menus in Adobe XDCycle Syncing app designed in Adobe Xd | Behind the DesignHow I got my first UX job with no experience + see my take-home project6 Inspiring Design Portfolio ExamplesI got a new job! Adobe Residency Q&A + What's Next?Master Components & Overrides in Adobe XDUsing Stacks and Scrollable Groups in Adobe XDUser flow tutorial | How I use them in design projectsHow I design my UI/UX case studies for BehanceAdobe XD Basics | Top 10 Things to know when getting started (Revised 2020)Figma components: the basics to creating robust componentsTailor your design portfolio for the job you wantAdobe XD | Advanced Techniques20 Most useful Plugins for Adobe XD - Plugins you need in XD for UI DesignAdobe XD Max Update: New Design Systems Library!Responsive Website Design in Adobe XDMastering Responsive Resize in Adobe XDRepeat Grid in Adobe XD: Make and edit