Course summary
Professional Training
1 day
299 GBP excl. VAT 199 - 249 GBP excl. VAT
London, Online courses

Course description

XD Intro

Create brilliant designs and prototypes for websites, mobile apps and games. Learn to work efficiently and collaborate seamlessly using Adobe XD.

XD (Experience Design) is the go-to tool for UI and UX designers looking to prototype a mobile app design digitally, through the technique of wireframing.

This intro course is suitable for all and does not require any previous design experience. It is particularly popular with UX and UI professionals, as well as those in marketing and communications who want to have a hands-on role in mobile app development.

This one-day Adobe authorised introductory training course is designed to give you a comprehensive knowledge of Adobe XD and the confidence to create prototyping wireframes for more effective user testing. You need no previous experience to attend this course.

Outcome / Qualification etc.

Awards: Certificate of Achievement

What Will I Learn?

  • Creating assets
  • Working with artboards
  • Creating accurate layouts
  • Adding interactivity
  • Testing and sharing

Training Course Content


  • Overview of User Experience Design (UX) vs User Interface Design (UI)
  • Working from a site-plan sketch
  • Gathering assets for your project
  • Understanding common file formats

Using Photoshop for UI and UX

  • Creating multiple Artboards for different screens and platforms
  • Using Pixel Perfect grids for accurate layout
  • Using Generator to create assets
  • Using Device Preview for mobile design

Introduction to Adobe Experience Design (XD)

  • Working with the Design and Prototype views
  • Navigating around your artboard

Part one: The Design Stage

  • Setting up a Project
  • Designing Artboard grids
  • Adding and deleting Artboards
  • Creating additional screens for different display sizes and platforms

Drawing in Adobe Experience Design

  • Drawing and combining simple shapes
  • Setting Appearance attributes: solid fills, gradient fills, strokes, drop-shadows & background Blurs
  • Controlling corner radius values
  • Drawing with the Pen Tool
  • Editing points and paths

Adding Text to your Design

  • Formatting Text
  • Using Typekit fonts
  • Adding Placeholder text

Adding assets from other sources

  • Using Illustrator vector graphics
  • Importing bitmap graphics
  • Masking techniques
  • Using images from modern browsers

Creating accurate layouts

  • Aligning and arranging Objects•
  • Creating a Repeat Grid

UI kits

  • Exploring Apple, Google and Microsoft user interface kits

Part 2: Creating a Prototype

  • Adding Interactivity
  • Linking and unlinking artboards
  • Setting screen transitions
  • Adding interactions to elements

Testing your Project

  • Previewing a prototype
  • Recording the user experience as a .mov file

Sharing your Project

  • Sharing your prototype using links
  • Exporting artboards as .png .svg and .pdf files

Part 3: A practical Workshop

  • Design your own Project
  • Creating your own project site map
  • Adding graphics and text

Prototype your own Project

  • Converting your site map to linked artboards
  • Testing and sharing your project
  • Exporting your project

Course delivery details

The following delivery options are available for this course:

  • Classroom at London Bridge
  • Online, live from anywhere

Why choose Media Training

25+ years of experience

Average class size of 6

Choose Mac or PC

About provider

Media Training 

What makes a great course?  When we opened our first centre 25 years ago, we asked ourselves this question. We've spent every day since perfecting the answer. We offer over 100 instructor-led courses that you can choose to attend either...

Read more and show all courses with this provider

Request info

Country *

Contact info

Media Training

Butler's Wharf Building
36 Shad Thames
SE1 2YE London United Kingdom

 Show phone number


Average rating 4.9

Based on 19 reviews.

Mott MacDonald
Richard took us through the general world of UI, what Adobe XD offers above the competition which was very insightful. He also showed us the resources available to us, and this was put into practice in the very useful practical session that helped tie everything together.
Mott macdonald
friendly staff, good lunch
Overall very good
Request information

Find out more about this XD Intro course - simply fill out your details:

Find a course for you!

  Read the course
 summary on this page

 Fill in your details and Request information

 Receive all the info you need

Find more courses here