.XD File Extension

Adobe XD Document

Developer Adobe Systems
Popularity
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.

More Information

Screenshot of a .xd file in Adobe XD 38.1
XD file open in Adobe XD 38.1

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?

To convert an XD file to a .PNG, .SVG, .PDF, or .JPG file, you can:

  1. Open your XD file in Adobe XD.
  2. Select File → Export → All Artboards.... from the program's menu bar.
  3. Select the format in which you want to export your artboards. Then, select Export All Artboards.
Open over 400 file formats with File Viewer Plus.Free Download

Programs that open XD files

Windows
Free Trial
Mac
Free Trial
Web
Free
iOS
Free Trial
Android
Free Trial
Category: Web Files
Updated: September 21, 2022

Verified by FileInfo.com

The FileInfo.com team has independently researched the Adobe XD Document file format and Mac, Windows, Android, and iOS apps listed on this page. Our goal is 100% accuracy and we only publish information about file types that we have verified.

If you would like to suggest any additions or updates to this page, please let us know.