Adobe Education
Educators and Professional Development Specialists

Wireframing and designing with Adobe XD

Lesson Plan Published 10/16/17 Last updated on 9/30/19

Adobe XD can be used to switch easily from wireframing, visual design, interaction design, prototyping, preview and sharing, all in one powerful tool. In this activity, students will review the roles of UX and UI designers, be introduced to wireframes, how to design in XD, and use this to create a mobile app portfolio prototype.

Files updated on November 30, 2018 for Adobe XD 2018 release.

Age Levels
1+ Day

Adobe XD CC (October 15, 2018 release or later)

CC License
Attribution Non-Commercial Share Alike
5 / 5 • 5 Ratings

Resources (2)

or Join for free to access materials
File Size

Comments (5)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Diane Erlich

Posted on 10/29/19 5:52:22 PM Permalink

​Thank you very much :D

Sami Asamoah

Posted on 10/10/19 10:21:41 PM Permalink

​Thank you.

Percy Ordonez

Posted on 8/27/19 3:17:38 PM Permalink

​Great resource. Thank you!

Catherine Zhai

Posted on 9/5/18 11:18:10 PM Permalink

Thanks for sharing.​

Carlos Andres Orozco Palacio

Posted on 5/1/18 7:00:51 PM Permalink

Thanks for sharing this great resources