Käyttöopas Peruuta

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. Color Management
    5. System requirements
      1. Hardware and software requirements
      2. Adobe XD, Big Sur, and Apple silicon | macOS 11
    6. Workspace basics
    7. Change app language in Adobe XD
    8. Access UI design kits
    9. Accessibility in Adobe XD
    10. Keyboard shortcuts
    11. Tips and tricks
  3. Design
    1. Artboards, guides, and layers
      1. Get started with artboards
      2. Use guides and grids
      3. Create scrollable artboards
      4. Work with layers
      5. Create scroll groups
    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
      3. Add multiple states to components
    5. Masking and effects
      1. Create a mask with shapes
      2. Work with blur effects
      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
    7. Videos and Lottie animations
      1. Work with videos
      2. Create prototypes using videos
      3. Work with Lottie animations
  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
    10. Create hyperlinks
    11. Preview designs and prototypes
  5. Share, export, and review
    1. Share selected artboards
    2. Share designs and prototypes
    3. Set access permissions for links
    4. Work with prototypes
    5. Review prototypes
    6. Work with design specs
    7. Share design specs
    8. Inspect design specs
    9. Navigate design specs
    10. Review and comment design specs
    11. Export design assets
    12. Export and download assets from design specs
    13. Group sharing for enterprise
    14. Back up or transfer XD assets
  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
    3. Coedit documents shared with you
  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
    13. Publish design from XD to Behance
  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 and Creative Cloud Libraries
      1. Issues with XD cloud documents
      2. Issues with linked components
      3. Issues with libraries and links
    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

You can coedit designs with your fellow designers, and with the power of document history, resolve any coedting conflicts. Also, if you’re offline, you will be paused from making changes to your shared document to avoid any conflicts when you go online later.

With XD 57 and later versions, you and your coeditors can experience consistent colors on the coedited document. To achieve this, switch the document’s color profile to sRGB. If you or your coeditors change the color profile, all the coeditors get a message about the change.

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 app.

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 document versions

You can easily manage your document versions (design revisions) in XD by adding a name and description to them, and by using search and filter.

  • Access document versions: Select  next to the document name to see the list of previous versions. 
  • Save versions, add version name and description: By default, versions are named based on timestamps, and are autosaved at regular intervals. Autosaved versions are deleted from the cloud after 60 days. Use  next to the timestamp to mark a version and save it permanently. To rename the document version and add a description, select the three dots   next to the timestamp and choose Edit version info. When you add a name and a description to a version, you save it permanently and improve its searchability.
  • Search and filter versions: Search for a document version by typing its name or a word from its description. You can also search for it using Marked versions or any of the given timestamps as the filter.
  • View a version: To view a version, select the three dots   and choose Open in a new window. You cannot roll back to another version. However, you can copy and paste the content to your current version. To learn more, see Versioning FAQ
Mange design revisions
Use document history to manage design revisions.

Few things to keep in mind

Remember these aspects when you coedit an XD document.

1

Save a copy to work offline

For documents that you haven't shared with anyone, you can continue working offline. Changes you make are synced to the online version when you are reconnected. You cannot, however, work offline on shared documents to prevent conflicts when you go online. You can save a copy and work on it, and manually copy those changes when you have access to the online document.

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.


Related resources

Have a question or an idea?

Ask the Community

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

Pyydä apua nopeammin ja helpommin

Oletko uusi käyttäjä?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14.–16.10. Miami Beach ja verkossa

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14.–16.10. Miami Beach ja verkossa