Skip to main content
Question

Remove padding from exported image

  • September 16, 2022
  • 5 replies
  • 8703 views

Simon_O_Donoghue

Hi,

How do I export an image without any padding? When I export this:

image

Which has no visible padding, I get an export of with padding around all sides - I need this to sit directly on top of another component without padding.

Thanks!

This topic has been closed for replies.

5 replies

Dennis_N
  • Power Member
  • 188 replies
  • September 17, 2022

Had a similar issue yesterday where my export had 30px larger dimensions without any obvious reason.

I fixed it by creating a new frame and copy ‘n’ pasting the elements from the corrupt one into this new frame. Exported it again and then it worked.

I believe it’s was a bug. Otherwise I have no clue.

I hope it helps. Good luck comrade.


  • 1 reply
  • February 8, 2023

I ended up taking a screenshot (cmd + shift + 4) of the exported image, not the most ideal, but it did the trick


It worked! Thank you so much.


  • 1 reply
  • March 9, 2023

We faced similar issue today, this padding can be removed by enabling clip content in Frame menu.

When we select a icon we can see it’s X, Y position, width and height, above these things there is a drop down menu called Group.
Change that to Frame
After that you can see there is an check box to clip content.

Download your icon after enabling clip content will prevent those padding.


Tad1
  • 1 reply
  • August 23, 2024

Similarly, you can create a new Frame, place your image in the Frame, then resize and export the Frame as needed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings