Skip to content Skip to site navigation Skip to service navigation

Create an App Prototype with Adobe XD

New session times will be displayed below upon confirmation.

Effective immediately in response to COVID-19, most Technology Training classes will be delivered online until further notice.

In advance of each session, Tech Training will provide you with a Zoom link to your class, along with any required class materials.


Do you want to create a prototype for your app idea? This six-hour course will guide participants in designing an App with modeled actions and links, using Adobe Xd and App architecture for applying design principles.

Prerequisites: None.

Learning Objectives
During this course, participants will have the opportunity to:

  • Learn how to design an App prototype
  • Gain familiarity with basic design concepts
  • Apply graphic design principles with step-by-step instructions in Adobe Xd

Design Concepts to be covered:

  • Design process: research/brainstorming/sketching, comps, design
  • Elements of Graphic Design: form, contrast, color, balance, proportion/scale
  • Typographic composition: size, scale, weights, placement
  • Font selection: serif, sans-serif, subject, theme, emotion
  • Adobe Xd, Photoshop and Illustrator: step-by-step learning to create the designs
  • Technical: file-preparation, mobile, online

Note: The class will also include related Photoshop instruction for working with images and Illustrator to create specific graphic elements to support your design solution.

Topics Include:

  • Brief History of effective App design
  • Elements of Graphic Design
  • Principles of Typography: best practices, leading, kerning
  • Adobe Xd, Photoshop and Illustrator: setting up documents, type tool, using layers, color modes and swatches, working with images, file organization, file preparation for mobile and posting online


  • An installation of Adobe XD, or a free trial license
  • An installation of Adobe Photoshop (Recommended), or a free trial license
Tim Schwartz

My teaching experience includes graphic design and typography courses as a faculty member of the Visual Communication department at Northern Arizona University (2017-2021) and Colorado State University (2015-2016).

Custom training workshops are available for this program

Technology training sessions structured around individual or group learning objectives. Learn more about custom training

University IT Technology Training sessions are available to a wide range of participants, including Stanford University staff, faculty, students, and employees of Stanford Hospitals & Clinics, such as Stanford Health Care, Stanford Health Care Tri-Valley, Stanford Medicine Partners, and Stanford Medicine Children's Health.

Additionally, some of these programs are open to interested individuals not affiliated with Stanford, allowing for broader community engagement and learning opportunities.