Artwork by Gleren Meneghin
Get started using Adobe XD, the powerful platform for creating user experiences — all at the speed of thought. In this introductory tutorial with Dani Beaumont, you’ll take a look at building and previewing your first project with XD in five easy steps.
Introduction to design.
In this introductory tutorial with Dani Beaumont, you’ll use a practice file to build your first project with XD.
Step 01: Create and style an artboard.
Create an artboard leveraging popular device sizes and add images and text.
Step 02: Import content with Repeat Grid.
Display images and text that you bring in to XD using the Repeat Grid feature.
Step 03: Define interactivity.
Set up interactive transitions between artboards to bring your design to life.
Step 04: Reuse colors and character styles.
Learn how to extract and name colors and character styles to reuse them.
Step 05: Final touches.
Add non-scrolling elements and scroll groups to maximize interaction in small screens.
What’s next
