I’m working with a design that essentially looks like a mosaic of tiles, like this:

enter image description here

I’ve written a script that splits this single-artboard graphic into individual artboards that retain the position of the original block. You can then use the built-in SVG export tool to export all or some of the blocks.

Many of these blocks contain graphics that have a clipping mask applied to hide the elements that extend outside of the block’s boundaries. Problem is, if I export “block g” when “block h” has hidden paths that extend into “block g,” then ““block g” will be exported with the “block h” data in tow.

Is there a way around this?

1 Answer 1


Go to File > Save for Web and make sure that the Clip to Artboard box is checked off.
This will save it and crop out the borders automatically.

  • I’m exporting as SVG and don’t think that’s possible with Save for Web, which is a legacy tool. Mar 20, 2017 at 0:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.