Design, Prototype, Share. The Adobe XD UI Workflow

  • Logo of HRD Corp Claimable Course
  • Logo of HRD Corp Registered Training Provider
  • Logo of Certiport Certified Testing Center
  • Logo of e-perolehan by MOF

Course Description

This comprehensive course introduces you to Adobe XD, a powerful design tool for creating user interfaces and user experiences for web and mobile applications. Whether you are a beginner or looking to enhance your design skills, this course covers everything you need to get started and master Adobe XD. You will learn to navigate the interface, set up your workspace and understand the essential components of design. The course will guide you through creating shapes, paths and text styles, working with images and designing responsive layouts. You will also dive into wireframing, prototyping, mobile app design, advanced techniques, user testing and exporting your designs for development. By the end of this course, you will be equipped with the knowledge and skills to create stunning, interactive designs and collaborate effectively with your team.

Course Title: Design, Prototype, Share. The Adobe XD UI Workflow
Duration: 2 Days
Time: 9am - 5pm
Venue: Leisure Commerce Square, PJ / Zoom Meeting
Trainer: Mr Yavinesh

Learning Outcomes

Upon completing this course, you will be able to:

  • Set up and customize your Adobe XD workspace
  • Navigate the interface efficiently
  • Organize artboards, layers and assets
  • Create shapes and paths
  • Work with colors, gradients and patterns
  • Apply typography and text styles
  • Import and manage images
  • Use guides and grids for precise alignment
  • Create and use components
  • Utilize repeat grids for efficient design
  • Build wireframes and convert to interactive prototypes
  • Implement transitions, overlays and fixed elements
  • Design responsive mobile apps for iOS and Android platforms
  • Collaborate with team members and manage feedback

Training Investment and Advantages

The course fee is RM1800 per participant (RM1400 for online sessions).

Benefits include:

  • Assurance of competency
  • Official Certificate of Completion
  • Three months of post-training support
  • Options for personalized in-house training sessions

Please fill in the details to download brochure.

Course Outline

  • Introduction to Adobe XD
    • Overview of Adobe XD
    • Setting up workspace
    • Navigating the interface
    • Understanding artboards, layers and assets
  • Basics of Design in Adobe XD
    • Creating shapes and paths
    • Working with colors, gradients and patterns
    • Typography and text styles
    • Importing and managing images
  • Layout and Alignment
    • Using guides and grids
    • Understanding responsive design
    • Creating and using components
    • Working with repeat grids
  • Creating Wireframes and Prototypes
    • Building wireframes with basic shapes and text
    • Converting wireframes into interactive prototypes
    • Using transitions, overlays and fixed elements
    • Previewing and sharing prototypes
  • Designing for Mobile Apps
    • Overview of mobile app design principles
    • Designing for iOS and Android
    • Creating responsive designs for mobile devices
    • Prototyping and testing mobile app designs
  • Advanced Design Techniques
    • Advanced vector editing and boolean operations
    • Creating and managing design systems
    • Using plugins to enhance your workflow
    • Collaborating with team members in Adobe XD
  • User Testing and Feedback
    • Overview of user testing principles
    • Collecting and managing feedback with Adobe XD
    • Iterating and refining your designs
    • Validating your designs with stakeholders
  • Exporting and Handoff
    • Preparing your designs for development
    • Exporting assets and specs
    • Using Adobe XD with other design tools
    • Handing off your designs to developers
  • Advanced Prototyping and Animation
    • Creating complex interactions with component states
    • Adding animations and micro-interactions
    • Building adaptive and responsive prototypes

Who Should Attend this Course?

  • This Adobe XD course is suitable for a variety of individuals who are interested in learning user experience (UX) and user interface (UI) design, as well as creating interactive prototypes for web and mobile applications specially for Graphic Designers, Web Designers and Developers, UX/UI Designers, Students and Aspiring Designers, Product Managers and Entrepreneurs, Marketing and Communication Professionals and anyone interested in learning Adobe XD.

The Instructor

Yavinesh Rajagopal

Prior to becoming a trainer, he has worked as DTP artist, graphic designer and multimedia designer for more than 6 years. Plus with 13 years’ experience in teaching working adults on Figma, Adobe XD, Adobe Photoshop, Adobe Illustrator, Adobe After Effects, Adobe Indesign, Adobe Premiere Pro, Adobe Captivate, Autodesk Autocad, Catia, Autodesk Revit, Inkscape, GIMP and Autodesk Maya in the area of Graphic Designing, UI & UX, Course Authoring, Video Editing, Vfx, Motion Graphics, Mechanical Engineering, Architectural Drawing, BIM (Building Information Modeling) and 3D Animation Production.

For more information and to register,
kindy email to or
Call us at 03 7865 6272