Jump to content
You must now use your email address to sign in [click for more info] ×

Import SVG / How to handle "Embedded Document" ?


Recommended Posts

Hi, I'm using artboards in a document that contains all my graphics for our web-site. On the web we use SVG. Hence, I drag & drop some SVG files into AD and export from there. When adding an SVG via drag & drop, it gets added to the artboard as [Embedded document].

 

Some questions:

  1. How can I copy such a thing? When I do it the normal way and I edit the copy, the original gets changed too.
     
  2. Is there a way I can convert the embedded document into a normal group?
     
  3. Any documentation available about embedded documents? How to best edit these etc.?
Link to comment
Share on other sites

  • Staff

Hi robert_muench,

Welcome to Affinity Forums :)

Embedded documents are just that - a layer that contains a full document enclosed inside - but that act like a single object to which you can apply adjustments, layer effects etc. To edit it double-click the embedded document on canvas (this will open it in a new document tab) make your changes and close the embedded document tab. The embedded document in your original source document will be updated accordingly to reflect the changes you have made. Currently there's no way to convert an embedded document into objects. You have to either open the SVG using the  File ▸ Open... command and copy the contents (layers/objects) of the file to the document you want, or double click the embedded document on canvas to open it in a new document tab, copy its contents (layer/objects) to the clipboard and then paste them in the original document deleting the embedded doc afterwards.

Link to comment
Share on other sites

To edit it double-click the embedded document on canvas (this will open it in a new document tab) make your changes and close the embedded document tab. The embedded document in your original source document will be updated accordingly to reflect the changes you have made.

What happens to the original source document if you do not save the changes made in its own tab to disk & then save the document it is embedded in?

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

R C-R,

You don't need to save changes made to the embedded document in its own tab. As soon as you change something, the original document where the embedded document is contained is immediately updated.

Thanks for the info. I am not sure that is the idea behavior but perhaps it is the only way it can be implemented ....

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

This behaviour allows you to work on a document (the design itself) and preview it in another in real-time (a mockup for example).

 

I understand that. But I think I misunderstood your answer about not needing to save changes made to the embedded document as meaning that those changes would be saved to that document's file automatically, not just updated in the tab. That is what I was asking about, but not clearly enough for you to see that.

 

Sorry for the misunderstanding.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

  • 2 months later...

About saving the changes, I would love that when editing the embedded document, hitting cmd + S would save the source file. Right now I feel really insecure when I need to work more then a few minutes on the embedded document and having to switch to the source file and save breaks the workflow (worse, my reflex is to hit cmd + S but it does nothing).

 

It would be nice to be able to import the embedded document in one clic ! It would directly import all layers from the embedded file and apply the size, skew, and other effects that have beed applied to the file.

 

I also would like to see a way to export and embedded file directly as an affinity designer file (see dedicated post).

Link to comment
Share on other sites

  • 7 months later...

So I am rather new to using Affinity Designer, and so far I am enjoying it.  I have a small issue regarding this topic.

 

I am not a true graphic artist.  But I use AD for some music type work. Creating music graphics and such, based off of music graphic exports from music notation software.  I am not sure if I am doing something wrong, but here is the problem:

 

I have imported an embedded document (both an SVG file, and the previous Affinity Designer file itself).  It is a rather blank music staff with a text description above such "A min".  Next to it, I have a drawn keyboard layout (showing the notes used).

 

When I export the file as an SVG, when I open it my music notation software, where the embedded file would be, is a black rectangle.  Almost as if AD wouldn't export the embedded document into the new document.  If I copy and paste from the original file into the current (as opposed to placing the graphic, or embedding it), the file exports perfectly.

 

Is there a function to turn on?  Or is this by design?

 

Robby

Link to comment
Share on other sites

  • 1 year later...
1 hour ago, apt said:

Is there any update on this? I’m trying to do the same thing with Affinity Designer on iOS.

I haven't seen any ;)

I'm currently having to open image  > double clicking > select all > cmd/ctrl X (cut) > closing embedded doc > pasting from clipboard

Voila, albeit an extended process but I get my file without it being embedded in the end.

Link to comment
Share on other sites

  • Staff
On 7/13/2019 at 9:34 AM, apt said:

Is there any update on this? I’m trying to do the same thing with Affinity Designer on iOS.

Hi apt,
Welcome to Affinity Forums :)
No news here, sorry. You still have to open the file as a new document and copy paste to the one where you want the SVG objects as @jamesholden suggested.

Link to comment
Share on other sites

  • 10 months later...
  • 6 months later...

Just wanted to chime in as well. Like @tmikaeld said; this is a real time-waster. It's quite cumbersome to not have a simple menu option to "unembed" an embedded document.

For example - I have a sheet of icons to layout. All saved as SVG. I add them to the document via the Place command, set their scale and positions to match my grid based on their document boundaries (great). But now I need to manually(!) open each single icon, copy their contents, rescale by eye, position by eye, _and_ rename each layer to match their filename to boot! Holy manual labor batman! :D 

Edited by herrkjeldsen
added real life example
Link to comment
Share on other sites

Or open the SVG as a seperate doc, group the wanted curve layers and copy that group (or selected layers) over into the main doc.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Thank you for the replies @haakoo and @v_kyr 🍻.

While dragging to the asset panel does not seem to work with already embedded documents, the asset tip is a great one for the next time around! Thanks!

nd the whole copying and pasting shebang is kind of what we're trying to avoid :D The transform, positions and filename(/layername) would have to be redone in such a workflow. Thank you though!

 

Link to comment
Share on other sites

  • 1 year later...

Well, I got a better workaround for you guys. Less than ideal of course, but much better than doing everything manually.

0. Have Inkscape installed on your system (which is an open-source vector design software).
1. Select all SVGs and drag them on Inkscape
2. If a dialog pops up, make sure it is set to "Include SVG image as editable object(s) in the current file" (which is the default).
3. (optional) Click the top menu "Object", then "Arrange", then in the panel that’ll open on the right, scroll down and click "Arrange". It’ll arrange your SVGs in a nice grid.
4. Copy paste to Affinity.

I don't like this workaround, but it works. 

 

inkscape workaround.gif

Link to comment
Share on other sites

  • 5 months later...

Chiming in to say that this feature would be very helpful. Yes, it isn't that hard to copy-and-paste 1 SVG file. But when you have a library of 50 SVG files that you want to bring into a document, the fact that they are only embedded is really frustrating. 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.