I have a website design I've created in Illustrator with 27 artboards. To present the initial 4-5 page concept design to the client I previously imported the AI into XD without any issues. Now when I open the 27 page AI, it brings the site in at 10% of the actual pixel size. For example, the homepage artboard is 1440px w X 3454 px H but imports in at 144px w 345px h. Please help as you cannot zoom more than 200% when sharing the XD link. Anyone had this issue or tips to rectify?
<Title renamed by moderator>
Copy link to clipboard
Hi Brad, would you be able to share the .ai file with just one artboard, so we can check it out and try to replicate the issue?
In case it's confidential, you can send it via PM. You might not be able to attach it, so uploading to some cloud service and sharing the link is fine as well.
You can also send screenshots from Xd with the imported file on the design tab with one of the artboards selected, and the layers panel visible.
Hey, found your issue 🙂
So, in Illustrator, you're using a "large-sized canvas", which I believe was introduced in illustrator v24 (might be wrong though). This allows your drawing area in illustrator to become a lot bigger. The previous limitation was 227 inches, and it can now get to 2270 inches (i.e. 10 times larger). However, if you try to import a file with that bigger canvas into an older version of illustrator, your whole document and all artboards (regardless of whether they are bigger than the old "limited" canvas), will get reduced 10 times, so they fit into the older limitation.
You can read all about that here.
Xd seems to import .ai based on that older limitation, so because you are using the bigger canvas, it resizes everything down 10 fold. Problem is you cannot change this in an existing .ai file. This option is only available when you are making a new one. It's not really obvious, as the only indication you get is a little warning sign next to the Create button:
To fix your issue, create a new .ai file, and set the initial dimensions to something less than 16000px. This will make a document with the older 227" sized canvas. If you then paste all your artboards into that file, and import into .xd, they should import fine.
Thanks, I will try this. When you say 16000px, do you mean in total height x width or in either direction?
In either. 16000px is about 222 inches, so any size below that for both width / height will make the smaller canvas document. You will remove that artboard anyways and replace it with yours. So you put in whatever, 10x10px will work as well.
It is this big dark-grey recangle we want to make smaller (the drawing area / canvas), you can see how small your artboard is compared to it:
And this is how the regular canvas looks when you use smaller dimensions (check the ruler values):
The artboard is the same size in both cases.
If I send you the full file would you be able to correct it for me, it doesn't seem to be working for me and I get this error. No worries if you can't.
You might have to copy them one at a time, and move them around so they will fit inside the new smaller canvas. If they can't fit, split them into multiple files.
Awesome. We are glad to hear your issue is resolved. Please feel free to post if you see more issues in XD.
Thankyou, Spas K. for your efforts in investigating the root cause of the issue and sharing resolution.
We really appreciate your presence on XD community.
Thanks for the help. Same problem. Same solution. I thought I was going NUTS!