Skip to main content
C
chrisd_toronto
Participant
February 14, 2019
Answered

Adobe XD Asset Export Issue

  • February 14, 2019
  • 1 reply
  • 1544 views

Hello,

I have used XD for some time now, but for the first time I'm tasked with exporting all of my assets for the Developer.

My question is: Why is XD exporting my entire asset with an image bleeding off artboard as opposed to just the visible part of the image? Do I need to mask every instance of this design element to set a proper bounding box or is there some other slice tool/option I'm missing.

As you can see from the image I have provided, the greyed out part show the elements of my design that bleed off the artboard. XD is exporting all of my assets including the portions that bleed off of the actual viewable artboard. I don't want that. I just want the part of the image on the actual artboard.

Any help would be great!

[edited for typo]

This topic has been closed for replies.
Correct answer Kenneth Kawamoto

Why is XD exporting my entire asset with an image bleeding off artboard as opposed to just the visible part of the image?

I understand where you are coming from, but...

For example, in Photoshop, if you do Quick Export, your exported image will be cropped to the document area. In my view that's because Photoshop is designed for static creative. XD on the other hand, is for creating digital media, which is inherently dynamic. e.g. I want to move the loaf of bread across the screen with CSS animation, and if XD cropped my image to the artboard it will be useless.

1 reply

K
Community Expert
Kenneth KawamotoCommunity ExpertCorrect answer
Community Expert
February 15, 2019

Why is XD exporting my entire asset with an image bleeding off artboard as opposed to just the visible part of the image?

I understand where you are coming from, but...

For example, in Photoshop, if you do Quick Export, your exported image will be cropped to the document area. In my view that's because Photoshop is designed for static creative. XD on the other hand, is for creating digital media, which is inherently dynamic. e.g. I want to move the loaf of bread across the screen with CSS animation, and if XD cropped my image to the artboard it will be useless.

C
chrisd_torontoAuthor
Participant
February 20, 2019

Hi Ken,

I understand what you're saying. I am going to assume that any asset that I mark for exporting needs to have a mask on it in order to export to the correct size via its bounding box. I also have a multitude of assets that bleed off the page that will all need a mask to reset their bounding box as I have zero intention of animating those elements and have no use for the portions of the image bleeding off the page.

This is an extra step for me for exporting assets. I do not feel this has improved my workflow from other design software, but I do appreciate your response. For me personally there is other software out there that does a much better job of handling this aspect of asset handling.

Many thanks!

    E
    Entyce23204784yifg
    Participant
    April 20, 2022

    Figma?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices