Adobe XD Getting Started

In just one day you can be up and running with

Adobe XD Getting Started

Adobe XD is a great tool for designing, testing and prototyping your user interface designs whether it is for websites, mobile apps, games and more.

By learning to use the XD interface properly you can ensure the process is fast, smooth and effective, and you will be producing and testing high quality prototypes in no time at all.

In this one day course you will cover off how to use the design tools in XD, create an manage your interactions, share and collaborate, apply masks, use repeating grids and lots more.

Secure Online Booking

£295.00£325.00

For exact price select delivery method

Clear
adobe xd course
Adobe XD Getting Started

Prices ex VAT. Highlander standard terms and conditions apply to all bookings.

The Adobe XD Introduction course is a one day intensive course which gets you up and running with Adobe XD quickly and effectively. By the end of the course you will be able to design, prototype, test and share your creations for rapid UI/UX creation.

Adobe XD Introduction - Course Topics

Intro to XD

  • What is XD?
  • Common file formats
  • Start screen
  • XD files
  • PC / Mac differences

Working with Documents

  • Starting new documents
  • Opening local documents
  • Opening cloud documents
  • What are UI Kits
  • Saving options

Artboards

  • Add new artboard
  • Using presets
  • Resizing artboards
  • Duplicating artboards
  • Responsive resizing
  • Zoom and Fit

Shapes

  • Rectangle, Elipse, and Triangle shapes
  • Shortcuts for shapes
  • Pen tool
  • Editing shapes
  • Shape properties
  • Combining shapes with pathfinder
  • Copy / paste appearance

Type

  • Point v Area type
  • Scaling type
  • Formatting options

Layers Panel

  • Rearrange items
  • Rename layers
  • Grouping
  • Hide / Lock layers

Colour

  • Colour modes
  • Applying colours
  • Creating and using swatches
  • Making global changes
  • Merging colours
  • Reveal colours
  • Using gradients

Masks

  • What are masks
  • Applying a mask
  • Editing mask group
  • Convert text to path
  • Use as Mask

Using Images

  • Image formats
  • Adding an image
  • Adding multiple images
  • Working with linked images
  • Using an online image

Repeat Grid

  • Using a repeat grid
  • Adjusting the gaps
  • Ungrouping grids
  • Adding .txt to repeating grid
  • Adding multiple images to grid

Assets

  • Assets panel overview
  • Link assets from another document
  • Edit in source document
  • Using CC Libraries

Components

  • Creating components
  • Master components
  • Applying from assets panel
  • Editing master components
  • Working with overrides
  • Replacing a component
  • Linked components
  • Updating linked components
  • Previewing updates
  • Make local component

Character Styles

  • What are character styles
  • Adding character styles
  • Editing character styles
  • Renaming character styles
  • Importing character styles

Responsive Resize

  • What is responsive resize
  • Auto resize
  • Manual options

Plugins

  • What are plugins
  • Finding plugins
  • Some recommended plugins

Collaboration

  • Working with cloud documents
  • Link assets
  • Enabling Coediting
  • Invite to collaborate

Version Control

  • Viewing older versions
  • Marking versions to save
  • Viewing in the browser

Interactions

  • Creating Interactions
  • Removing Interactions
  • Interaction Settings
  • Copying and pasting interactions
  • Testing Interactions
  • Record and share interaction testing

Scrolling

  • Make artboard scrollable / set viewport height
  • Fix position of items when scrolling
  • Fix position when scrolling

More Advanced Interactions

  • Popup Keyboard overlay
  • Transition Artboards based on Time
  • Auto Animate
  • Drag triggers

Sharing

  • The XD App
  • The Share Workspace
  • Creating a Link
  • View Settings
  • Commenting
  • Managing Your Links
  • Setting Home Artboard when publishing
  • Design Specs

Exporting

  • What can you export?
  • Exporting Assets
  • Batch Exporting Assets
  • Exporting to After Effects for further animation

NB: Highlander reserve the right to make reasonable changes to the topics covered if the instructor feels it will better benefit the specific delegates attending that class.

Adobe XD Introduction is a fast way to get up to speed on the Adobe XD product allowing you to develop great User Interfaces / User Experiences.

You will learn

  • How to use the XD Design Interface
  • How and why to work with multiple arboards
  • To add powerful interactions between objects and artboards
  • Advanced techniques like masking in XD
  • To use and override the responsive resize features
  • How to collaborate with colleagues
  • To make use of the version control capabilities
  • How to output your assets

Who should attend this course

No prior knowledge of Adobe XD is necessary, however it is useful if delegates have some idea of the type of content they are aiming to create with XD. You should be comfortable using a computer and familiar with functionality such as copy and paste.

The Adobe XD Introduction course is a one day intensive course which gets you up and running with Adobe XD quickly and effectively. By the end of the course you will be able to design, prototype, test and share your creations for rapid UI/UX creation.

Adobe XD Introduction - Course Topics

Intro to XD

  • What is XD?
  • Common file formats
  • Start screen
  • XD files
  • PC / Mac differences

Working with Documents

  • Starting new documents
  • Opening local documents
  • Opening cloud documents
  • What are UI Kits
  • Saving options

Artboards

  • Add new artboard
  • Using presets
  • Resizing artboards
  • Duplicating artboards
  • Responsive resizing
  • Zoom and Fit

Shapes

  • Rectangle, Elipse, and Triangle shapes
  • Shortcuts for shapes
  • Pen tool
  • Editing shapes
  • Shape properties
  • Combining shapes with pathfinder
  • Copy / paste appearance

Type

  • Point v Area type
  • Scaling type
  • Formatting options

Layers Panel

  • Rearrange items
  • Rename layers
  • Grouping
  • Hide / Lock layers

Colour

  • Colour modes
  • Applying colours
  • Creating and using swatches
  • Making global changes
  • Merging colours
  • Reveal colours
  • Using gradients

Masks

  • What are masks
  • Applying a mask
  • Editing mask group
  • Convert text to path
  • Use as Mask

Using Images

  • Image formats
  • Adding an image
  • Adding multiple images
  • Working with linked images
  • Using an online image

Repeat Grid

  • Using a repeat grid
  • Adjusting the gaps
  • Ungrouping grids
  • Adding .txt to repeating grid
  • Adding multiple images to grid

Assets

  • Assets panel overview
  • Link assets from another document
  • Edit in source document
  • Using CC Libraries

Components

  • Creating components
  • Master components
  • Applying from assets panel
  • Editing master components
  • Working with overrides
  • Replacing a component
  • Linked components
  • Updating linked components
  • Previewing updates
  • Make local component

Character Styles

  • What are character styles
  • Adding character styles
  • Editing character styles
  • Renaming character styles
  • Importing character styles

Responsive Resize

  • What is responsive resize
  • Auto resize
  • Manual options

Plugins

  • What are plugins
  • Finding plugins
  • Some recommended plugins

Collaboration

  • Working with cloud documents
  • Link assets
  • Enabling Coediting
  • Invite to collaborate

Version Control

  • Viewing older versions
  • Marking versions to save
  • Viewing in the browser

Interactions

  • Creating Interactions
  • Removing Interactions
  • Interaction Settings
  • Copying and pasting interactions
  • Testing Interactions
  • Record and share interaction testing

Scrolling

  • Make artboard scrollable / set viewport height
  • Fix position of items when scrolling
  • Fix position when scrolling

More Advanced Interactions

  • Popup Keyboard overlay
  • Transition Artboards based on Time
  • Auto Animate
  • Drag triggers

Sharing

  • The XD App
  • The Share Workspace
  • Creating a Link
  • View Settings
  • Commenting
  • Managing Your Links
  • Setting Home Artboard when publishing
  • Design Specs

Exporting

  • What can you export?
  • Exporting Assets
  • Batch Exporting Assets
  • Exporting to After Effects for further animation

NB: Highlander reserve the right to make reasonable changes to the topics covered if the instructor feels it will better benefit the specific delegates attending that class.

Adobe XD Introduction is a fast way to get up to speed on the Adobe XD product allowing you to develop great User Interfaces / User Experiences.

You will learn

  • How to use the XD Design Interface
  • How and why to work with multiple arboards
  • To add powerful interactions between objects and artboards
  • Advanced techniques like masking in XD
  • To use and override the responsive resize features
  • How to collaborate with colleagues
  • To make use of the version control capabilities
  • How to output your assets

Who should attend this course

No prior knowledge of Adobe XD is neccessary, however it is useful if delegates have some idea of the type of content they are aiming to create with XD. You should be comfortable using a computer and familiar with functionality such as copy and paste.

We use cookies to improve your browsing experience on our website and to understand where our visitors are coming from. By clicking ‘Accept cookies’, you consent to our use of cookies.