Linked Objects / Images
Option to link objects (or generate smart objects) when pasted from a PSD or AI source to maintain a reference.
This would provide a simple method for single or multiple object updates (beyond the CC Design Libraries integration)—saving time and ensuring all objects are the most current.
Example: Revision to a microphone icon via Illustrator, which is used across 20 artboards
Tretating copy/paste vectors from illustrator as smart objects, the same way photoshop does.
Double clicking on the vector layer on XD would open it on Ai so you can make your changes, hit save, and they'd reflect on xd.
This should be a priority. It would be nice to have auto updating links from the filesystem. This suggestion goes hand in hand with another suggestion on providing additional properties on images such as source.
Giuseppe Castiglione commented
Totally agree with this.
Currently have an image with text on top in XD which isn't working so I am editing in PS, exporting and then dragging into XD, to see how it looks with the text on top, having to go back to PS and start the cycle again. Not very efficent way of working.
Olivier Burgarella commented
De la même manière que fonctionne : Invision
Un outil sur photoshop qui permettrait de synchroniser les Artboards avec le projet sur XD
Similar to Ind and Ai, it would be great to have an active location for all linked images. That way, any changes I make on a file on eg PSD will be automatically linked to XD. Or I can go in and manually relink files. Otherwise, I have to remember where my files are and manually pull them into XD.
As probably XD won't be so powerful as Illustrator or photoshop are in creating graphics, it could be very useful to link XD artboards to ILL/PS artboards dynamically (and 2way), so I can design on ILL/PS and have a direct link to XD artboards, keeping the prototyping settings updated for the objects.
Yes! I think it could be useful.
For the design I use InDesign as InDesign is much more powerful as XD. I export my Designs as PNG and import those PNGs in XD to create linked artboards for customer presentations.
It would be very much needed to have extern links (as in InDesign) pointing to those PNGs. Each time I update my Design in InDesign and export automated all PNGs all screens in XD would also be updated. I conceptualize webprojects with more than 200+ screens and this would speed up prototyping tremendously.
Anyway XD rules – really like it – just miss this killer feature!
Sorry if I couldn't explain my idea in a right way.
I mean that using vectors as Smart Objects could be useful.
I need to use Illustrator (copy and paste) to make changes in my vectors if they are complex (a group of shapes). Because I can´t separate groups of shapes and edit it each part directly in XD.
I hope I had explained my idea clearer!
Would be great to edit smart objects directly. I have designed an icon (which have strokes and filled shapes), to change stroke size and color I must go to Illustrator.
Other idea is to edit vectors as Smart Objects in Photoshop (double click > Illustrator > Save > Return Photoshop)
RE your comments.
I discovered my previous estimation that images size and position could not be independently modified once inside a mask to be untrue so I jumped the gun complaining about this. My bad. Although I don't recall seeing this documented I discovered it by accident.
Linked images absolutely this is the way not only indesign but html works as well. It also allows you to have common assets throughout the layout where appropriate.
With respect to placement, this goes to something I would like to see program wide which is setting css properities and having the artboards render those properties accurately. Most especially sizing and positioning with percentage based values, as well as things all the basic css properities like padding, margins etc...
I am a designer and developer so I see it from both sides and XD is still too limited in it's vision as far I can see. Everything is still pretty much arbitrary position according to pixel values which is not how responsive design is best achieved in development.
At this point while I am seeing things in XD I really like, (repeating fields are cool, the artboard workspace is great), I am not seeing anything dramatically new otherwise for layout and design, it still works pretty much like indesign with a different UI but is not nearly as powerful.
A truly great UI/website design tool should bridge the gap as much as possible between designers and developers by having them work on the same page as much as possible. Right now in my estimation XD is still just a design tool that creates pretty pictures and leaves developers with the burden of having to start from scratch.
Any update to when this feature will be coming? Option to link objects from a PSD or AI source to maintain a single updateable reference. Come on Adobe XD team...hard time understanding why this is not a priority feature update.
To me, XD is perfect in addition to create Prototypes from Indesign. I export PNG artboards which I import in XD. Unfortunately I have to repeat this tidious (if there are many artboards) process. It would be incredibly helpful if XD could link external PNGS and update automatically those when the PNGs change. This would boost up prototyping very much because I want to stay in InDesign for all its great features. That would be much more helpful than replicating its font setup possibilities in XD for example.
Chris Mackie commented
I think linking asset groups from within XD would also be a great addition
yes--anything symbolic would be helpful, so a reused asset or group of assets could be changed once
I have been using adobe XD for a little more then 3 weeks and overall, I really enjoy the program especially the prototyping feature!
However there are a few features that would be of great improvement, one being a feature where we link imported files, images like AI. It's frustrating when some graphics and images need to be reimported every time once there updated. A layers panel and more character options for line-height etc.
Thanks and great job!
Carl Durocher commented
I totally agree.
I totally agree. I need this
To respond to Peter's question.
I've had a chance to return to look at XD and my comments are basically the same.
As Peter says"If you drag an image file onto a shape, it will automatically be masked by the shape (and it will stay in proportion if the shape is later resized)."
The current behaviour of mask/image is locked to an equivalent to background image cover centre or perhaps a maxwidth maxheight 100% with overflow hidden on an <img>. This is only one of a number of potential ways an image might be presented in a web or app.
There's no flexibility here, the only way I can see to represent any other form of presentation would be to precisely size the image/ or image ratio to appear on the artboard the way I want it. This does not necessarily represent the way the problem would be solved in development or the assets prepared for development.
Picture boxes in indesign allow me complete control to place an image any way I want relative to it's container as well as providing me the ability to snap the image to the box or the box to image proportionally if thats what I choose.
CSS allows much the same control so long as you know how to do it, XD DOES NOT which is very disappointing since XD is supposed to be made for designing to what will be a css based workflow in development.
Anastasia Chetvertukhina commented
Agree. Dynamic linking of all types of assets is crucial for workflow.
And I prefer avoid using Libraries for that because it would only add one more leg to process (=more hassle).