Option 3: Open Ai in (the recommended approach)

The third option, which we recommend for higher fidelity, is files directly in XD.Yes! You can open .Ai files in XD.As a designer in XD, you can open Photoshop files, Sketch files, and now Illustrator files.

As you probably already know, we are building XD by really listening to our customers and their needs. This request has more than one thousand votes in UserVoice, and I’m thrilled to announce we’re finally shipping it. I’d like to use this opportunity to thank our amazing community for helping us improve XD by providing great constructive feedback.

To open single or multiple Ai file(s) in XD, you will have to do one of the following:

  • Click File > Open. Navigate to the required folder, select a .Ai file, and open it in XD.
  • Drag the Ai file over the XD icon (on Mac only).
  • Right-click on the Ai file and select Open with > XD from the context menu.
  • Use the Cmd+O (Mac) or Ctrl+O (Windows) keyboard shortcuts.

All symbols and artwork, simple or complex, are transferred as editable with 1:1 visual fidelity. Artboards are preserved, something that doesn’t happen when copying and pasting, and the entire layer structure with naming and order remains intact, so no more tedious work re-organizing content after transferring it to XD.

Note: When you open an Illustrator file in XD, not all elements are supported with complete fidelity. For a list of supported and unsupported elements, see Supported elements when you open Illustrator files in XD.

“If you’re already designing with Ai, the transition to XD is quite easy as a lot of the fundamental conventions are the same. Designers will find that the paired down, UI-focused toolset is much more appropriate for interactive projects. Plus with the extra features like built-in prototyping, repeat-grid, library assets, and more XD is a huge step forward for the Adobe family, ” said Matt.

If you’re thinking “Why do you need Illustrator if you can create vectors in XD directly?”, the simple answer is that Illustrator can help you anytime you need to create more complex vectors, the same way you can use Photoshop anytime you need to create more complex bitmaps. XD will never be Illustrator, just as XD will never be Photoshop. XD is a hub for UX designers to design, prototype, and share experiences, to learn and iterate.

Linked Symbols in XD and Illustrator

With the addition of Linked Symbols in XD, which allows you to have a single source of truth for each of your linked files, assets can now come from your Illustrator documents containing style guides (colors, text, etc.) or design systems (buttons, cards, etc.). To do so, open these Illustrator files in XD, add them to a new XD document, create symbols, and share the document location across teams. If people copy symbols from this main location, changes made to the master document will be reflected in all files that have the linked symbols pasted in them. As always, you can then create full XD prototypes and share the links with stakeholders for review, or even with developers that need the assets marked for export.

We’re continuing to improve the importer in XD to support as many Illustrator features as possible, so stay tuned for more details in the near future. What are you waiting for? Go open your Illustrator files in XD for maximum fidelity!

UX community

We’d love to continue the dialogue. You can help us shape the future of Adobe XD by submitting feature requests or file bugs. You can follow our handle @AdobeXD for updates, or reach the team on Twitter using the #AdobeXD. You can also talk to us using Facebook, where we share videos and updates as well as answer questions during live sessions.


While sharing your prototypes on Behance, don’t forget to tag them with #MadeWithAdobeXD and select Adobe XD under “Tools Used” for the opportunity to be featured in the Adobe XD newsletter.

Source link


Please enter your comment!
Please enter your name here