Everything You Need to Design A Mobile App.

eekends are a great time to give new creative tools and techniques a try; no pressure from bosses or clients, and (hopefully) no email or phone call interruptions. This weekend, between time with friends and family, try designing a mobile app with Adobe XD. It’s our all-in-one UX/UI tool for designing, prototyping, and sharing your website and mobile app experiences.

Step 1: Download Adobe XD and Wires
Turn your best ideas into beautiful user experiences quickly by downloading the latest version of Adobe XD and the free wireframe kits. The Wires kit includes a comprehensive set of ready-to-use components, templates and more.

Step 2: Design
Follow this tutorial to learn how to design a mobile app with XD. You’ll learn XD basics like creating artboards, designing icons and splash screens, importing images, and working with Repeat Grid.

Step 3: Prototype
Follow this tutorial to turn your designs into interactive prototypes. Wire artboards together, switch back and forth between design and prototype mode, and preview your experience.

Step 4: Share
With this tutorial, you’ll see how to share your prototype for feedback, preview on a mobile device, and share design specs with developers.