Collaborate and coedit designs

  1. Adobe XD User Guide
  2. Introduction
    1. What's new in Adobe XD
    2. Common questions
    3. Design, prototype, and share with Adobe XD
    4. System requirements
      1. Hardware and software requirements
      2. Adobe XD, Big Sur, and Apple silicon | macOS 11
    5. Workspace basics
    6. Change app language in Adobe XD
    7. Access UI design kits
    8. Accessibility in Adobe XD
    9. Keyboard shortcuts
    10. Tips and tricks
    11. Changes to XD Starter Plan
  3. Design
    1. Artboards, guides, and layers
      1. Get started with artboards
      2. Use guides and grids in XD
      3. Create scrollable artboards
      4. Work with layers
      5. Create scroll groups in XD
    2. Shapes, objects, and path
      1. Select, resize, and rotate objects
      2. Move, align, distribute, and arrange objects
      3. Group, lock, duplicate, copy, and flip objects
      4. Set stroke, fill, and drop shadow for objects
      5. Create repeating elements
      6. Create perspective designs with 3D transforms
      7. Edit objects using Boolean operations
    3. Text and fonts
      1. Work with drawing and text tools
      2. Fonts in Adobe XD
    4. Components and states
      1. Work with components
      2. Work with nested components in Adobe XD
      3. Add multiple states to components
    5. Masking and effects
      1. Create a mask with shapes
      2. Work with blur effects in XD
      3. Create and modify gradients
      4. Apply blend effects
    6. Layout
      1. Responsive resize and constraints
      2. Set fixed padding for components and groups
      3. Create dynamic designs with stacks
  4. Prototype
    1. Create interactive prototypes
    2. Animate prototypes
    3. Object properties supported for auto-animate
    4. Create prototypes with keyboard and gamepad
    5. Create prototypes using voice commands and playback
    6. Create timed transitions
    7. Add overlays
    8. Design voice prototypes
    9. Create anchor links in Adobe XD
    10. Preview designs and prototypes
  5. Share and export
    1. Share selected artboards
    2. Share designs and prototypes
    3. Work with prototypes in XD
    4. Coedit documents shared with you
    5. Create shareable links
    6. Review prototypes
    7. Work with design specs
    8. Share design specs
    9. Inspect design specs
    10. Navigate design specs
    11. Review and comment design specs
    12. Export design assets
    13. Export and download assets from design specs
  6. Design systems
    1. Design systems with Creative Cloud Libraries
    2. Work with document assets in Adobe XD
    3. Work with Creative Cloud Libraries in Adobe XD
    4. Migrate from linked assets to Creative Cloud Libraries
    5. Work with design tokens 
    6. Use assets from Creative Cloud Libraries
  7. Cloud documents
    1. Cloud documents in Adobe XD
    2. Collaborate and coedit designs
  8. Integrations and plugins
    1. Work with external assets
    2. Work with design assets from Photoshop
    3. Copy and paste assets from Photoshop
    4. Import or open Photoshop designs
    5. Work with Illustrator assets in Adobe XD
    6. Open or import Illustrator designs
    7. Copy vectors from Illustrator to XD
    8. Plugins for Adobe XD
    9. Create and manage plugins
    10. Jira integration for XD
    11. Slack plugin for XD
    12. Zoom plug-in for XD
  9. XD for iOS and Android
    1. Preview on mobile devices
    2. Adobe XD on mobile FAQ
  10. Troubleshooting
    1. Known and fixed issues
      1. Known issues
      2. Fixed issues
    2. Installation and updates
      1. XD appears as not compatible on Windows
      2. Error code 191
      3. Error code 183
      4. Issues installing XD plugins
      5.  Prompt to uninstall and reinstall XD on Windows 10
      6. Issues with preferences migration
    3. Launch and crash
      1.  XD crashes when launched on Windows 10
      2.  XD quits when you sign out of Creative Cloud
      3. Issue with subscription status on Windows
      4. Blocked-app warning when launching  XD on Windows
      5. Crash dump generation on Windows
      6. Crash log collection and sharing
    4. Cloud documents
      1. Issues with XD cloud documents
    5. Prototype, publish, and review
      1. Unable to record prototype interactions on macOS Catalina
      2. Issues with publish workflows
      3. Published  links do not appear in browsers
      4. Prototypes do not render correctly in browsers
      5. Commenting panel suddenly showing up on shared links
      6. Unable to publish libraries
    6. Import, export, and working with other apps
      1. Import and export in XD
      2. Photoshop files in XD
      3. Illustrator files in XD
      4. Export to After Effects from XD
      5. Sketch files in XD
      6. Third-party apps not visible in Export

Learn how to collaboratively coedit your designs and manage design revisions.

Adobe XD powers end-to-end collaboration at every step of the design process — from editing in real time with other designers to working with developers and designers to gather feedback.  

1

Combined with the power of document history, you can coedit your designs with your fellow designers and eliminate duplicative work and avoid conflicting versions, all with the safety of document history. If you’re on the go, you can continue your work offline and bring the changes back into your document when you’ve reconnected to Creative Cloud.

Invite to coedit

Collaborating with fellow designers has never been easier. You can invite your fellow designers to simultaneously access and edit your XD document. Adobe XD enables your fellow designers to coedit any of your shared documents. 

Go ahead and save your design as a cloud document, click the Invite to Document icon (). Enter Adobe IDs (email addresses associated with Adobe account) of your fellow designers and click Invite.

Your fellow designers are then notified through their email or Creative Cloud desktop application.

Notification to coedit

Collaborators can also invite others to edit your document for faster collaboration.

Edit designs collaboratively

You can collaboratively edit a design document and view real-time changes that are saved as you work. When you coedit a document with your fellow designers, you can view these visual indicators.

Coediting with live cursors

Colored avatar

An avatar of fellow designers coediting your design. If the profile image was not set by a designer, then the first letter of the first name appears as colored avatar. If there is no profile name, then a blank profile image appears. 

Bounding box

A bounding box that matches the avatar color that appears on your design. Hover over the bounding box to view the names of your coeditors.

Real-time edits

Simultaneous edits in real time as your coeditors navigate and modify your design.

LIVE CURSOR

A Live Cursor appears on the bounding box corresponding to the colored avatar at the presence bar. 

Track the position of collaborators with Live Cursors

You can view the live edits of your fellow designers on shared documents with the help of colored avatars appearing as remote Live Cursors. 

Select View > Show/Hide Live Cursors to enable or disable Live Cursors. By default, Show Live Cursors is enabled. Hover over the remote Live Cursor to view details of the fellow designer. 

Access from View menu

At any point in time, if you want to know whether your coeditor is working on the same location of a shared document, click the coeditor's avatar in the presence bar. The Live Cursor jumps to the current position of your coeditor in the shared document. 

Remote Live Cursor consists of:

  • A live pointer, which corresponds to the live position of your fellow designer. 
  • A colored avatar that is in sync with the profile of the designer that appears in the presence bar. 

Appearance of remote Live Cursor

The appearance of remote Live Cursor changes based on different scenarios and cursor movements as stated below. 

Away from canvas live cursor

Away from canvas

When your fellow designer moves away from the canvas, say, on to the right panel, or on to a dialog, the Live Cursor remains on the last position and doesn't show any further movement. 

movements within document

Movements within document

When your fellow designer moves the cursor to the extreme left or right side of the document, you can observe the pointer on colored avatar shifting to the left or right accordingly. 

zoom in and zoom out appearance of live cursor

Zoom in or Zoom out

When your fellow designer zooms in or zooms out the artboards in the canvas, the remote cursor appears to you only if it is within the range of the viewport. 

Watch this tutorial to learn more about the Live Cursors in coediting.

Viewing time: 1 minute 52 seconds.

Manage design revisions

Mange design revisions
Use document history to manage design revisions

Access your design revisions — Click    on the XD command bar. 

Naming convention  — By default, versions are named based on time and date stamps, and are autosaved at regular intervals. Since auto-saved versions expire after 30 days, use  to name versions and permanently save them.

Benefits  — View iterations of your collaborative designs and maintain a single source of truth. 

Access previous versions — You can preview and access previous versions from Creative Cloud website. Read Versioning FAQ to learn more.

Limitations — You cannot roll back your previous versions; however, you can open a version of the document from document history, copy, and paste the content to your current version. 

Few things to keep in mind

Remember these aspects when you coedit an XD document.

1

Minimize lag 

You can now work offline on coedited cloud documents. If there are conflicting changes when working offline, you can either select Save As… option to save a copy of the document with all the new changes or choose to Accept Remote Changes.

1

Revoke access 

Remove the coeditor's name from Invite to Document pop-up window.

1

Prevent overwriting

Avoid coediting the same object with a fellow designer to prevent overwriting. XD retains the edits that reach the server first and other changes are discarded.

Learn more

"Coediting lets you work right along side with your team and empowers you to work better. Together" — Dani Beaumont, Principal Product ManagerXD.

To learn more about coediting and document history, watch this video.

Viewing time: 1 minute.

What's next?

We've got you started with coediting and managing your design revisions. Take a step forward and learn how to share your designs and prototypes with stakeholders such as users, developers, and fellow designers.

Have a question or an idea?

Ask the Community

Experiencing issues with creating, saving, or opening a cloud document? Check this article for a solution. 

If you have a question to ask or an idea to share, come and participate in Adobe XD Community. We would love to hear from you and see your creations.

לוגו של Adobe

כניסה לחשבון