Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Jeremie Blehm Jeremie Blehm

SVG's assets from Sketch are not sized to artboard

I want to export SVGs from my Sketch document using Craft plugin to InVision where they will be available for download from the Assets tab of the InVision Inspect page. My problem is that the SVGs that are exported via the Craft plugin are not sized to their artboards, the assets are being cropped to their artwork, which is causing problems.

How can I ensure that my SVG assets are exported from Sketch with the size of the artboard and not just the artwork?

1

comments

sort by


Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Jeramie,

Thanks for reaching out here in Community about exporting your SVG assets using Craft. Can you please confirm whether you are exporting your assets at 1x or 2x pixel density?

Setting the pixel density will determine at what density an artboard is exported. To set the default pixel density in Craft:

  1. In the Mac menu bar, click the Craft Manager icon. 
  2. Click the gear icon, and then click Preferences
  3. Click the Sync tab.
  4. Under Exported pixel density, click the drop-down and select 1x or 2x.

craft-exported-pixel-density-setting.gif

Look forward to hearing from you,

Shaina

0

Jeremie Blehm
InVision ambassador Jeremie Blehm , ambassador
Comment actions Permalink

Hi Shaina. Your comment is informative but it does not address my problem. I don't need to multiply the size of my assets. I need SVGs to be exported from Sketch to InVision according to the artboard size and not the size of the vector artwork. For instance, I want a 24x24 icon to be exported as a 24x24 SVG in InVision so my team can access the asset. Instead my SVG is being exported at 18x20. 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Jeremie,

I apologize for not understanding your issue the first time. I understand that you don't need to enlarge your assets on export, but rather at the exact size that you already have it.

Can you still please confirm at which pixel density you are exporting your assets? This will help us determine why your SVG asset is exporting at an undesired size.

In order to determine what might be causing this issue, can you also please provide the following information?:

  1. A screenshot of your "About this Mac" overview.
  2. The version of Craft Manager that you're running.
  3. The version of the Crafty Sync + Prototype plugin that your'e running.
  4. A screenshots showing the issue you're running into, or the difference between your 24x24 SVG and how it is exporting.
  5. The steps you took before running into this issue.

Look forward to hearing from you,

Shaina

0

Jeremie Blehm
InVision ambassador Jeremie Blehm , ambassador
Comment actions Permalink

Thanks Shaina. My information and scenario is below in the attached screenshot.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks for providing those details, Jeremie. Since you are on the latest versions of Sketch and Craft, I would like to have our Support team take a closer look at this for you.

I will be opening a ticket on your behalf with our Support team including all of the details you have here in your post. Please keep an eye out for an email from one of our Support agents soon.

Please let me know if there's anything else I can help you out with in the meantime. I apologize for any frustration that this is causing for you.

Best,

Shaina

0

Nicolas Bigot
InVision ambassador Nicolas Bigot , ambassador
Comment actions Permalink

We are experiencing the same issue. Is there a fix for this?

Many thanks.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Nicolas,

The issue that Jeremie has reported above is actually related to a feature request that our Support and Product teams are tracking. Specifically, we are tracking interest to allow for artboards marked for export to generate assets in Inspect.

Does this sound like what you're looking to accomplish? If so, I'm happy to open a ticket on your behalf to track your interest for this.

If this is not what you're looking to accomplish, can you please clarify a bit more and provide these details?:

  1. A screenshot of your "About this Mac" overview.
  2. The version of Craft Manager that you're running.
  3. The version of the Crafty Sync + Prototype plugin that your'e running.
  4. A screenshots showing the issue you're running into, or the difference between your 24x24 SVG and how it is exporting.
  5. The steps you took before running into this issue.

Look forward to hearing from you,

Shaina

0

Nicolas Bigot
InVision ambassador Nicolas Bigot , ambassador
Comment actions Permalink

Hi Shaina,

Sounds like what we are trying to accomplish.

Most important thing is to keep the size of the artboard when exporting the asset (keep 20x20pt even if the containing asset is smaller).

Do you have any ETA for this feature?

Many thanks.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks for clarifying, Nicolas. I will open a ticket on your behalf to track your interest for this, and share your feedback with our Product Team. 

Please keep an eye out for an email confirming that we've formally tracked your feedback.

I understand how frustrating it is to wait for a needed feature. The Product and Engineering teams prioritize issues based on the scope and impact of the issue. For that reason, we are unable to provide an ETA for feature. So sorry about this!

We appreciate you hanging in there,

Shaina

0

Riccardo Gioria
InVision ambassador Riccardo Gioria , ambassador
Comment actions Permalink

Hey guys, easy solution here. Instead of exporting the Artboard (somehow InVision cuts off all the transparent pixels), just create a separate slice layer with the desired size/name and voilà, right asset in InVision ;) 

Cheers,
Rics

0

join the conversation

to comment, sign up or sign in.