Export Artboards as SVG Symbols (Sprite/Icon Sheets)

[jcdickinson]

This would be a great feature for people using Affinity to create SVG web icons. SVG supports symbols, which are basically re-usable bits of SVG. For example, given this SVG file:

<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="artboard1" width="10" height="10" viewBox="0 0 10 10">
    <circle cx="5" cy="5" r="5" />
  </symbol>
</svg>

You can use it in a page as follows:

<a class="button">
  <svg class="icon"><use href="/images/icons.svg#artboard1" /></svg>
  <span class="text">A button with a circle.</span>
</a>

Currently, Affinity exports artboards as transparent rects with an id when exporting an entire document. It would be awesome if we could instruct it to export it artboards as SVG symbols (like the first example), effectively turning Affinity Designer into an end-to-end sprite/icon sheet editor.

Bonus feature: an option to export artboard names (outside the symbol element, positioned near it), so that the same sprite/icon sheet can be used for documentation (example: font-awesome).

[b1t_zer0]

I agree, something like this would be great to have.  I am running into the same issue of having to compile all of my SVGs into the SVG/Symbol format.  It would be great if AD did it for us.