SVG Support

Diagrammix can place SVG (Scalable Vector Graphics) artwork on the canvas and export your pages as SVG files.

Note: SVG import and SVG export are PRO features.

Importing SVG

There are two ways to bring SVG files in:

  • Drag an SVG file onto the canvas — it is placed as an SVG image. Its outline is detected automatically, so connectors attach to the artwork's edge rather than its bounding box.
  • View → Manage Clipart… → Import SVG... — adds the SVG to your clipart library so you can reuse it in any document.

Working with Placed SVGs

A placed SVG behaves like an image: move, resize, and style it from its floating toolbar.

  • Tint — recolour the whole artwork from the Icon Color button; see Working with Images
  • Expand — right-click a single SVG image and choose Expand to replace it with editable vector shapes (and text). If the artwork has several parts, they are grouped; use Edit → Ungroup (Shift+Cmd+G) to work on them individually

After expanding, you can change fills and strokes in the Inspector, edit nodes, or combine shapes. Select related parts and choose Edit → Group (Cmd+G) to keep them together again.

Exporting SVG

  1. Go to File → Export to SVG... or press Shift+Cmd+E
  2. Choose a name and location and click Save

The whole current page is exported. To export a single artboard as SVG, use File → Export Artboard... instead.

Compatibility Notes

  • Simple SVGs work best — icons, logos, and illustrations
  • Text in SVG files may render with a substitute font if the original isn't installed
  • Complex filters and masks may not look identical after expanding