Adobe XD Document
4.2 | 16 Votes
What is an XD file?
An XD file is a website or mobile application mockup created using Adobe XD, a user interface (UI) and user experience (UX) design tool. It contains one or more artboards, which themselves contain layer-based graphic design elements, such as images, shapes, and text. XD files are used to prototype the look, feel, and workflows of websites and mobile applications, before developers begin developing those sites or applications.
Adobe XD is a design application that UI and UX designers use to prototype website and mobile application frontends. XD allows designers to create basic wireframes and more finalized mockups, which simulate the pages of a website or screens of a mobile application. Each page or screen is typically placed on its own XD artboard.
Designers can use a variety of tools to animate their artboards and link them together. This allows designers to simulate the interactions users will have with a website or application. For example, a designer can place a Log In button on one artboard and link that button to an artboard prototyping their app's Login screen. Then, when the designer opens their prototype in XD's Preview mode, they can click the Log In button to be taken to the Login screen.
XD files are most often used to refine a website or mobile application's UI before developers start developing the site or app. For example, a UI designer might use an XD file to present a proposed website design and workflow to their web development team. Developers often use the assets (images, fonts, and other elements) included in XD files during the development process, to ensure the website or application they create matches their UI designer's prototype.
How to open an XD file
You can open an XD file in Adobe XD (cross-platform). To do so, select File → Open from Your Computer... from the program's menu bar. Then, navigate to and open your XD file.
Those who do not have access to Adobe XD can open XD files in PSDETCH (web), Photopea (web), or Bohemian Coding Sketch (Mac) to view the artboards and elements their XD file contains.
How do I convert an XD file to a PNG, SVG, PDF, or JPG file?
- Open your XD file in Adobe XD.
- Select File → Export → All Artboards.... from the program's menu bar.
- Select the format in which you want to export your artboards. Then, select Export All Artboards.