XD empowers designers with the speed, precision, and quality to seamlessly iterate and share interactive prototypes with team members and reviewers across devices and platforms, including Windows, Mac, iOS, and Android.
Get to know the XD interface. Explore the in-app resources available to help you learn how to use Adobe XD or get a head start on your designs. Navigate the Design and Prototype modes to learn about the tools available in each.
Focus on the structure and flow of an app before refining your design. Add artboards, placeholder text, and basic shapes to map out the design. Use Repeat Grid to place copies of text and objects in rows and columns. Set up symbols as placeholders for items that repeat throughout your design. Leverage templates and design elements from wireframe kits available for XD to quickly get a head start.
Learn how to use the canvas to experiment with design concepts before updating artboards. Use Repeat Grids in various ways to speed up your design process. Modify a design element in a Repeat Grid to update elements in other cells simultaneously. Open UI kits and wireframe kits to copy and paste design elements into your document. Streamline the management of your documents assets, including color and character styles, from the Assets panel.
Use the Rectangle, Ellipse, Line, and Pen tools to draw simple icons. Refine the graphics in your app with the Boolean operators by adding, subtracting, intersecting, and excluding overlapped shapes. Import icons and illustrations created in Adobe Photoshop CC and Illustrator CC. Explore Symbols and Repeat Grids as you develop your design.
Fine-tune your app or website’s design by adding final images and text to your artboards and Repeat Grids. Add symbols and apply symbol overrides and use images, colors, and character styles from Creative Cloud Libraries and the Assets panel.
Set up interactions in your prototype using a variety of customizable settings including target, transition, easing, and timing. Test and preview your prototype using the in-app preview feature.
Share your prototypes with team members, stakeholders, or clients. Adobe XD CC will generate a web link that can be viewed in any browser. Viewers can make comments directly on your prototypes so you can quickly iterate your design, update the flow and interactions, and resolve comments.
Learn how to share design specs in a web browser and improve communication between designers and developers with Adobe XD CC.
Open Adobe Photoshop CC documents directly in Adobe XD CC to convert app and web designs into XD files. Copy, paste, or export design elements from Adobe Illustrator CC into Adobe XD. Use Adobe Creative Cloud Libraries to easily move design assets from Photoshop or Illustrator into XD.