UI Designing Adobe XD Syllabus

Adobe XD syllabus — full chapter and topic list

Expand any chapter to see its topics and sub-topics. This is the whole examinable outline for Adobe XD in UI Designing, not a summary of it.

1. 1

   Introduction to Adobe XD

   2 topics

   • Overview of Adobe XD
     • What is Adobe XD?
     • Interface and Workspace
     • System Requirements
     • Installing Adobe XD
   • Getting Started
     • Creating a New Project
     • Understanding Artboards
     • Using Templates
2. 2

   Basic Tools and Features

   3 topics

   • Design Tools
     • Selection Tool
     • Rectangle Tool
     • Ellipse Tool
     • Pen Tool
     • Text Tool
   • Working with Layers
     • Layer Panel Overview
     • Creating and Managing Layers
     • Grouping and Ungrouping Layers
   • Color and Style
     • Applying Colors
     • Creating Gradients
     • Using the Assets Panel
     • Character Styles
     • Global Colors
3. 3

   Advanced Design Techniques

   3 topics

   • Responsive Design
     • Using Responsive Resize
     • Constraints and Padding
     • Designing for Multiple Screen Sizes
   • Components and Libraries
     • Creating Components
     • Using Component States
     • Managing Design Systems
     • Shared Libraries
   • Animations and Interactions
     • Auto-Animate
     • Trigger and Action Types
     • Creating Micro-Interactions
4. 4

   Prototyping

   2 topics

   • Creating Interactive Prototypes
     • Linking Artboards
     • Adding Interactions
     • Using Overlays
   • Sharing and Collaboration
     • Sharing Prototypes
     • Collaborating with Stakeholders
     • Using Coediting
5. 5

   Testing and Feedback

   2 topics

   • User Testing
     • Preparing for User Testing
     • Conducting User Tests
     • Collecting Feedback
   • Iterating on Designs
     • Analyzing Feedback
     • Making Design Adjustments
     • Re-testing
6. 6

   Exporting and Handoff

   2 topics

   • Exporting Assets
     • Exporting for Web
     • Exporting for iOS
     • Exporting for Android
   • Developer Handoff
     • Generating Design Specs
     • Using Design Tokens
     • Integrating with Development Tools

Adobe XD flashcards for UI Designing

23 of 51 cards from the Adobe XD deck — real questions with worked answers.

1. What is Adobe XD?

   Adobe XD (Experience Design) is a vector-based UI/UX design tool for creating, prototyping, and sharing user experiences for websites, mobile apps, and other digital products in a single application.

2. What are the two primary modes (tabs) in the Adobe XD workspace?

   Design mode (for creating and laying out artboards and elements) and Prototype mode (for wiring interactions and transitions between artboards).

3. What is an artboard in Adobe XD?

   An artboard is a fixed-size canvas representing a single screen or frame of a design; a project can contain many artboards for different screens or device sizes.

4. Name three platforms Adobe XD is available on.

   Adobe XD is available on macOS and Windows as a desktop app, with companion mobile preview apps (XD app) on iOS and Android.

5. What file format does Adobe XD save its native project files in?

   Adobe XD saves native files with the .xd extension (which can also be stored as a cloud document).

6. How do you start a new project in Adobe XD?

   On the Home/start screen choose a preset artboard size (e.g., a device such as iPhone, Web, or a custom size) to create a new document, then design on the resulting artboard.

7. What is the difference between a local document and a cloud document in Adobe XD?

   A local document is saved as an .xd file on your machine, while a cloud document is stored in Creative Cloud, enabling autosave, version history, and coediting.

8. Which tool in the toolbar is used to draw and edit vector paths point-by-point?

   The Pen tool, which lets you place anchor points and adjust bezier handles to create custom vector shapes.

9. What is the keyboard shortcut and purpose of the Selection tool in Adobe XD?

   The Selection tool (shortcut V) is used to select, move, and resize objects on the canvas.

10. What does the Rectangle tool's corner radius feature allow?

    It lets you round the corners of a rectangle, either uniformly or per-corner, by dragging the round corner handles or entering radius values.

11. What is Repeat Grid in Adobe XD and why is it useful?

    Repeat Grid lets you select an element and drag to duplicate it into a repeating row/column grid; edits to one item and its spacing/content propagate to all, ideal for lists and galleries.

12. How do you add text in Adobe XD, and what are the two text sizing types?

    Use the Text tool (T); text can be a point text (auto-width, grows with typing) or an area/fixed text box (fixed width with wrapping) depending on whether you click or drag.

13. What is a layer in Adobe XD and where do you manage layers?

    A layer is a single object, group, or artboard element; layers are managed in the Layers panel, which shows the stacking order and hierarchy of everything on the selected artboard.

14. How is stacking (z-order) determined in the Layers panel?

    Objects higher in the Layers panel appear in front of (on top of) objects listed lower; you reorder by dragging layers up or down.

15. What is the benefit of grouping layers in Adobe XD?

    Grouping (Cmd/Ctrl+G) combines multiple objects so they can be moved, transformed, and organized together, and keeps the Layers panel tidy.

16. How do you lock or hide a layer in Adobe XD?

    Hover over the layer in the Layers panel and click the eye icon to toggle visibility, or the lock icon to prevent it from being selected or edited.

17. What are the fill and border (stroke) properties in the Property Inspector?

    Fill sets the interior color of a shape, and Border (stroke) sets an outline with adjustable color, width, and dash style; each can be toggled on or off independently.

18. What is a Color/Document Asset in Adobe XD?

    A saved color, character (text) style, or component stored in the Assets panel so it can be reused consistently and updated globally across the document.

19. How do you apply a gradient fill in Adobe XD?

    In the Fill color picker, switch the fill type to Linear or Radial gradient, then add and position color stops along the gradient bar and adjust their colors.

20. What is the purpose of saving a Character Style in Adobe XD?

    It stores font family, size, weight, color, and spacing as a reusable text style in the Assets panel, so consistent typography can be applied and updated across the document.

21. What color models can you use to define a color in Adobe XD's picker?

    You can define colors using Hex, RGB, or HSB values in the color picker (and pick with the eyedropper).

22. What is responsive design in the context of Adobe XD?

    Designing layouts that adapt gracefully to different screen sizes and orientations, so content remains usable across devices such as phones, tablets, and desktops.

23. What is Responsive Resize in Adobe XD?

    A feature that automatically repositions and resizes a group's child elements sensibly when you resize the group or artboard, respecting relationships between objects.

See more Adobe XD flashcards →

Planning Adobe XD for UI Designing

Adobe XD (UI Designing) FAQ