Create wireframes for different screen sizes in Adobe XD

Offered By
Coursera Project Network
In this Free Guided Project, you will:

Navigate Adobe XD workspace

Create wireframes for mobile, tablet, and desktop screen sizes

Save and share your homepage mockup

Showcase this hands-on experience in an interview

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

By the end of this project, you’ll be able to create wireframes for different screen sizes. You’ll build your wireframes with Adobe XD. XD is a vector-based graphics design and prototyping program. This program gives you the ability to design multiple iterations of webpages, all the way from wireframes to high-fidelity mockups. When you use XD to create wireframes, you’ll be able to test and compare lots of different layouts—then save and share those designs. During this project, you’ll build and test wireframes for a coffee subscription website. First, you’ll get used to navigating the XD workspace. Then you’ll create a wireframe for a mobile screen size. Next, you’ll use that basic design to create a wireframe design for a tablet screen size. Last, you’ll create a wireframe for desktops.. As you complete these you’ll create the artboards, objects, and assets to build basic wireframes. By the end of the project, you’ll be comfortable creating wireframes for different screens with Adobe XD. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Requirements

S​ome experience with XD helpful but not required.

Skills you will develop

Website WireframeWeb DesignAdobe XDGraphic Design

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Navigate Adobe XD workspace

  2. Create wireframes for mobile screen size

  3. Create wireframes for tablet screen size

  4. Create wireframes for desktop screen size

  5. Save and share your homepage mockup

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.