Learn how to build rich, interactive UX prototypes, share with stakeholders to validate and collect feedback, and then hand them off to developers to build the app or website.
- [Demian] Do you want to create very rich prototypes? Do you want to share them with stakeholders to collect feedback, learn, and iterate? How about handing it off to developers so they can get everything they need to build the app or website? You don't need tons of different tools to get that job done. You can do it all with Adobe XD. The only end-to-end solution for designing, prototyping, and collaborating on user experiences. Hi, I'm Demian Borba, one of the product managers for XD.
And I wanna show you everything you need to know on prototyping and sharing with XD. Let's do this.
Author
Released
10/17/2018- Adding, removing, and recording interactions
- Using overlays and fixed elements
- Creating rich animations within the same artboard
- Using timed transitions and drag gestures
- Previewing mobile projects on iOS or Android devices
- Sharing prototypes on the web for feedback
- Creating design specs for developers
- Exporting assets as PNG, SVG, PDF, and JPG
- Export designs to After Effects
- Delivering presentations with XD
Skill Level Intermediate
Duration
Views
Related Courses
-
Designing and Prototyping a Mobile App with Adobe XD
with Paul Trani1h 24m Intermediate -
Adobe XD for Designers
with Paul Trani1h 37m Intermediate -
Adobe XD Essential Training: Design (2018)
with Demian Borba1h 43m Intermediate
-
Introduction
-
What is XD?5m 10s
-
1. Prototype Mode Basics
-
Why do we prototype?3m 21s
-
Copy and paste interactions1m 45s
-
Record your interaction2m 7s
-
Fix elements when scrolling2m 50s
-
Mix Auto-Animate with Time4m 15s
-
-
2. Preview Your Mobile Projects with XD
-
Real-time preview via USB1m 44s
-
Artboards and hotspot hints2m 32s
-
-
3. Share a Prototype on the Web
-
Email a copy57s
-
4. Export Assets for Developers
-
Batch exporting assets1m 41s
-
Export to After Effects2m 45s
-
Conclusion
-
Next steps55s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Prototype your designs efficiently