Learn how to design interactive prototypes, wireframes, and graphics using XD.
Adobe XD enables UX designers design interactive user experiences for web and mobile apps using a single app.
You can design quick and simple designs on artboards in XD. Then wire the artboards together to create an interactive prototype that you can share and iterate with stakeholders. You can also use plugins to automate repeat operations or parts of designer workflows that are tedious, complex, or repetitive.
Adobe XDintegrates well with Photoshop, Illustrator, and After Effects.
You can continue designing in your preferredapplications, bring the assets into XD, and then use XD to create and share prototypes. XD supports SVG and bitmap files without any loss of fidelity. You can then enhance the assets further in Adobe XD or use them to develop interactive prototypes.
In a nutshell, the workflow can be described in the following high-level steps:
- Design: Create design layout elements, add artboards, and import resources from other applications such as Adobe Illustrator, Adobe Photoshop, and Adobe After Effects. You can also use plugins to automate repeat operations or parts of designer workflows that are tedious, complex or repetitive.
- Prototype:Select objects or artboards in your design and create interactions between artboards.
- Share: Once your project is ready to be reviewed, you can share prototypes or design specs, or export the project or assets with your stakeholders.
Read on for more details on designing, prototyping, and sharing in XD.
Get started with Adobe XD
Get started with Adobe XD
You can create interactive prototypes by using voice capabilities, auto-animate, drag gestures, and timed transitions. For more information, see Voice design and prototyping in XD, Create prototypes using auto-animate and drag gestures, and Use timed transitions.
You can preview the interactivity in prototypes and while previewing, record the interaction as an MP4 file.