Adobe XD Training

Adobe XD Training

Adobe XD Training

Master Adobe XD: Comprehensive Online Course for UI/UX Design

Welcome to our Adobe XD Online Course, the ultimate program to learn UI/UX design using one of the most powerful and intuitive design tools available today. Whether you're starting your design career or looking to sharpen your skills, our expert-led training will help you master Adobe XD and create user-friendly, visually stunning interfaces.


Why Choose Our Adobe XD Course?
  • Learn from Industry Experts: Gain insights from professionals who have worked with global brands.
  • Hands-On Learning: Work on real-time projects to strengthen your portfolio.
  • Live Online Classes: Flexible, interactive learning environment with real-time feedback.
  • Free Trial Class: Experience the course for free before committing.
  • Placement Assistance: Receive resume support, interview preparation, and job referrals.
  • Internship Opportunities: Participate in internships to work on live projects and gain practical experience.

Section 1

Creating New Files & Designing on a Grid
  • Creating a new file
  • Setting up artboards
  • Importing text
  • Creating colored backgrounds for text
Importing & Cropping Photos
  • Importing a photo as an image fill (crop a photo)
  • Rounding corners
Vector Graphics, Colors, Shadows, & More
  • Importing & modifying vector graphics
  • Aligning & distributing layers
  • Layer opacity vs. fill opacity
  • Reusing colors (color swatches)
  • Adding a drop shadow
Character Styles
  • Creating & Editing Character Styles

Section 2

Repeat Grids
  • Creating a Repeat Grid
  • Customizing the content
  • Adjusting the design
Components (Reusable Elements)
  • Creating & editing components
  • Overriding content in one instance vs. globally updating all components
  • Detaching from a component
  • Components versus Repeat Grids
Turning a Design into a Clickable Prototype
  • Linking between artboards Previewing the prototype Creating an overlay Background blur Fixing the position of elements so they don’t scroll Making a recording of a prototype
Exporting Assets for Web: SVG, JPEG, & PNG
  • Exporting individual assets Exporting artboards
Sharing XD Files (For Review, Developers, etc.)
  • Sharing an XD file Commenting on shared files Pinning a comment Updating an existing shared file Sharing for Development

Section 3

Stacks, Padding, & Responsive Resize
  • Creating a Stack & Adjusting the Spacing Rearranging & Adding Items to a Stack Responsive Resize, Stacks, & Padding Keystrokes for Working with Stacks & Padding Nesting Stacks (Stacks Within Stacks)
Linking Up/Down a Page & Scrollable Areas
  • Making Links that Scroll Up/Down a Page Making the Navbar Fixed to the Screen Adjusting the Position & Speed of the Scroll Creating a Scrollable Area Within a Page
Intro to Auto-Animate
  • The Basics of Auto-Animate Different Kinds of Easing Adding a Timed Animation
Parallax Animation
  • Setting Up the Parallax Assets
  • Building the Parallax Animation
Component States (Hover & More)
  • Adding a Hover State to a Button
  • Custom Component States

Section 4

Creating 3D Transforms
  • Adding 3D Transforms
  • Front to Back versus Z Position
Adding Interactions to a Slideshow: Tap, Drag, & Keys
  • Creating a Working Slideshow Prototype
  • Adding Tap Interactions
  • Adding the Ability to Drag
  • Adding Keystrokes
Time Interactions & Adding Audio (Sound Effects)
  • Adding a Drag Interaction
  • Adding a Time Interaction
  • Adding a Sound Effect
  • Adding a Keystroke
Linked Components & Shared Libraries
  • Linked Components
  • Shared Libraries