We seriously need to be able to convert our designs into code, just like sketch and invision can both do. This is the only thing holding people back from joining xd.341 votes
“Convert to code” is fairly ambiguous, and I’m looking for more specifics as to what you’re hoping to get out of this. We already have a number of stories that go to specific technologies: HTML/CSS, XCode, Android Studio, etc. I’d like to close this one out in the interest of having more specific export paths.
Add xCode export to the list of functions... great for informative apps90 votes
Can you tell us more about how you’d like this to work? Do you want XD to export image assets and insert them directly into the correct folders/filenames in an existing Xcode project? Or do you want XD to generate Objective-C / Swift code to create a brand new Xcode project?
A client is requesting to have assets in Illustrator format. Basically, I want to be able to export from XD as an Illustrator file with the options to save images as linked or embedded. This is similar to the SVG export option, except that SVG I think has a file size limit of about 15 MB. When I export as an SVG at a large size, XD fails. Exporting as Illustrator with supported text boxes (not breaking them into individual text lines and not outlining the text either. Just easy and editable from XD to Illustrator. XD export as SVG with linked files doesn't fully work properly as it is now. I am having to rebuild files when I open them in Illustrator. Thanks!
A client is requesting to have assets in Illustrator format. Basically, I want to be able to export from XD as an Illustrator file with the options to save images as linked or embedded. This is similar to the SVG export option, except that SVG I think has a file size limit of about 15 MB. When I export as an SVG at a large size, XD fails. Exporting as Illustrator with supported text boxes (not breaking them into individual text lines and not outlining the text either. Just easy and editable from XD to Illustrator. XD export as SVG…23 votes
I would like to understand more about the limitation of the export as SVG as i am not aware of any limit. Are you talking about a limit in the application that consumes the SVG, like a browser or Illustrator?
In general, if you choose to export with embedded images, the size of SVG will become large and it will be hard to process it in other application.
This was previously suggested but it seemed like it needed to be reposted (if not, feel free to delete this request).
Outside of maybe SVG for obviously (?) reasons, the exported file looks pixelated. The exports do not look presentable--I've been better off with screenshots but screenshots are screenshots. I would love if this request gets a second look.12 votes
Can you check to see whether or not your objects are pixel snapped? If you’d like us to take a look at it, please add a comment with a link to a document/artboard that we can try this locally.
I believe the new version of Illustrator released in November had some changes to address this issue. Could you please try again and let us know if this issue is fixed?
Today I exported an artboard which has numbers of design elements having blend modes (darken, overlay, multiply etc) applied against primary background colors. The exported image (PNG / JPEG) was not in intended color like it seemed in XD; it has complete different color. It's clear that blend mode is not working properly in produced image. It's driving me real crazy. I can't show my work to the client. He won't accept my work until the issue is fixed.
I've attached 2 versions of images for the reference.2 votes
Message from Alex in the comments: Hello Ishwor, sorry to learn about your inconvenience.
I wasn’t able to reproduce the issue you’re describing, so I was wondering how you have brought the vector graphics into the design: did you import the entire design from another tool, or perhaps just the vector graphics? Any details on the process you’ve gone through while creating the design would help me and my team get to the bottom of this.
Masked paths/shapes are revealed in js react. It would be nice to not have to do this manually.2 votes
Thanks for your feedback! I’m afraid I’m going to need more clarification on what you’re asking for. Are you looking to ensure that exported SVG don’t have the clip boundary?
- Don't see your idea?