Learn about the design and prototyping interface in Adobe XD.

In Adobe XD CC, you create and manipulate your designs and prototypes using various elements, such as toolbars, and Property Inspector. These elements form the workspace of Adobe XD.

Home screen

When you launch Adobe XD, you see the Home screen.

The Home screen gives you quick access to artboard presets, add-ons, recently accessed XD files, What's New in XD, Learn & Support articles, built-in tutorials, and an option to provide product feedback.

Home screen in XD
Home screen in XD

Add-ons

You can access plugins, UI Kits, and app integrations from the Add-ons tab on the left pane of the home screen.

Plugins extend the functionality of XD by automating complex and repetitive tasks, or integrating external services or applications within the native XD workflow. For more information, see Plug-ins for Adobe XD.

Graphic elements native to various platforms are available in the UI kits. For more information, see Access UI design kits.

App integrations such as JIRA provide a complete solution for designers and stakeholders.

Your computer

You can use the computer file picker to access local XD files.

What's new

View a summary of all the latest features that XD offers.

Learn & support

Access the articles on getting started with XD, tutorials, and user guide.

Provide feedback

You can provide feedback regarding any existing bugs, or request any new features on the UserVoice portal.

Artboard presets

Get started with your design by directly clicking one of the preset artboard sizes on the home screen. You can also choose to create a custom artboard size. For more information on artboards, see Working with artboards.

Recent

From the Recent section under the artboard presets, access your most recent XD files.

Begin tutorial

From the Begin Tutorial section next to the artboard presets, access built-in tutorials to learn what you can create with Adobe XD.

Workspace overview

Mac

Adobe XD workspace on Mac
Adobe XD workspace on Mac

A. Main menu B. Design mode C. Prototype mode D. View on mobile device E. Preview F. Share online G. Property Inspector H. Pasteboard I. Artboards J. Toolbar 

Main menu

Includes File, Edit, Object, View, Window, and Help menus and the submenus within them.

Design mode

In Design mode, you can create and design the artboards that make up your project. You can choose to import assets created using other tools or from the web, or create graphics in XD.

Prototype mode

In Prototype mode, you can link artboards together, create video demos of the design (currently only on Mac), prototype your design in a browser or a device, and share the prototype with others and get feedback.

Application toolbar

Provides access to Design mode, Prototype mode, zoom levels of the canvas, preview, and sharing options

Toolbar

Provides access to the selection tool, drawing tools, text tool, artboard tool, and to the Symbols and Layers panel.

Property Inspector

Using the Property Inspector, you can define various properties of objects and manipulate them using different options. For example, you can specify backgrounds, fills, borders, shadows, alignments, and dimensions of objects. You can also combine objects together to make entirely new objects. To lay out repeating elements, use the Repeat Grid option in the Property Inspector. Use the Fixed Position option to fix the position of multiple elements on scroll. You can also use the math calculation to create designs with greater precision or move objects to a new location or modify its width and height.

 

Work area

Contains the canvas or artboards with the assets that you create. The pasteboard (the gray space around the artboards) lets you place the work that is in progress and the work that you do not want to include within the existing artboards.

Windows

The XD interface on Windows 10 is similar to the Mac interface except for some minor differences:

  • On Windows, there are no top-level and Object menus. Simply right-click an object and use the context menu instead.
  • XD on Windows has a Hamburger menu on the upper-left corner that allows you to create or open files, save, and export assets.
Adobe XD workspace on Windows
Adobe XD workspace on Windows

A. Design mode B. Prototype mode C. Main toolbar D. Preview E. Share online F. Property Inspector G. Pasteboard H. Artboards I. Toolbar J. Pop-up menu 

Dette produktet er lisensiert i henhold til Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Innlegg på Twitter™ og Facebook dekkes ikke av Creative Commons-vilkår.

Juridiske merknader   |   Regler for personvern på nettet