XD
Adobe XD is a user experience design and prototyping tool for designing websites, apps, voice interfaces, games, and other types of digital experiences.
Browse Product Tutorials
Create Components with Hover States
Create reusable, dynamically resizable, buttons for your interactive designs
Create and Populate a Repeat Grid
Turn a single element into repeating grids with a simple click-and-drag
Create a Prototype—Interactive Component States
Add interactivity and an overlay menu to a prototype
Email - Create and Populate a Repeat Grid
Turn a single element into repeating grids with a simple click-and-drag
Create Components with Hover States (7:35) tutorial1
Description
Create reusable, dynamically resizable, buttons for your interactive designs.
In this tutorial, you will learn how to:
- Make changes to a source main component and those changes are pushed automatically to all instances of that component
- Use components for consistency, time saving, fewer clicks
Presented by:
Michael Murphy, Senior Solutions Consultant (Digital Media)
Create and Populate a Repeat Grid (2:57) tutorial2
Description
Turn a single element into repeating grids with a simple click-and-drag.
In this tutorial, you will learn how to:
- Boost your workflow and drag out any sized grid you need, instantly
- Bring in real content and data and XD will magically place all images and text to your grid
- Make changes once and apply it where you like, in any direction
Presented by:
Ashley Dvorin, Senior Solutions Consultant (Digital Media)
Work with Stacks (5:33) tutorial3
Description
Use the stack property to easily rearrange elements.
In this tutorial, you will learn how to:
- Maintain alignment and spacing between objects on your canvas even as your design changes
- Insert new objects or reorder objects in a stack and everything adjusts automatically
Presented by:
Michael Murphy, Senior Solutions Consultant (Digital Media)
Create a Prototype—Anchor Links and Scroll Groups (9:55) tutorial4
Description
Add navigation and scrolling to a prototype.
In this tutorial, you will learn how to:
- Add links to your prototypes with an action that lets users jump to different points on the same artboard
- Create activity feeds, image carousels, product listings, and more by defining areas that scroll independently from the rest of your designs
- Create groups that scroll vertically, horizontally, or both
Presented by:
Michael Murphy, Senior Solutions Consultant (Digital Media)
Create a Prototype—Interactive Component States (8:55) tutorial5
Description
Add interactivity and an overlay menu to a prototype.
In this tutorial, you will learn how to:
- Create a non-linear interactive and animated user experience without the need for additional artboards
- Author multiple prototype or interaction flows in a single XD document and publish unique shareable links for each flow
Presented by:
Emilie Enke, Associate Solutions Consultant (Digital Media)
Email - Create and Populate a Repeat Grid (4:45) tutorial6
Description
Turn a single element into repeating grids with a simple click-and-drag.
In this tutorial, you will learn how to:
- Boost your workflow and drag out any sized grid you need, instantly
- Bring in real content and data and XD will magically place all images and text to your grid
- Make changes once and apply it where you like, in any direction
Presented by:
Victoria Torres, Solutions Consultant (Digital Media)
Email - Work with Stacks (3:38) tutorial7
Description
Use the stack property to easily rearrange elements.
In this tutorial, you will learn how to:
- Maintain alignment and spacing between objects on your canvas even as your design changes
- Insert new objects or reorder objects in a stack and everything adjusts automatically
Presented by:
Victoria Torres, Solutions Consultant (Digital Media)
XD Resources
Learn & Support is your hub for additional tutorials, What’s New, and links to community forums.
October 2020 Release
Start using these features (and more!) by downloading the latest update from your Creative Cloud Desktop App.