Deep Dive into Layout and Prototyping Techniques with Adobe XD — Part 1 - L6522a

Share this page
Chris Converse

Chris Converse

Designer/Developer, Codify Design Studio


Learn how to design content-intensive layouts in a snap with XD. Leverage simple text and image files to create complex layouts in no time. In this follow-along lab, designer, developer and MAX Master Chris Converse will show you how to use Repeat Grid, component states, external data, and Creative Cloud Libraries to create workflows that allow you to update your layouts in a fraction of the time. Using intuitive click-and-drag tools, you’ll be able to create links, animations, and even voice-controlled interactions with the prototyping tools in XD.

In Part 1, you’ll learn how to:

  • Populate Repeat Grid with text and graphics files
  • Get comfortable with groups, padding, and stacks
  • Create responsive design elements

Technical Level: Beginner, Intermediate

Type: Lab

Category: How To

Track: Graphic Design, UI and UX

Audience: Art/Creative Director, Front End Developer, Graphic Designer, UI and UX, Web Designer