Autograph Hub

Wiki · Autograph / SVG / Vector workflow

Autograph SVG vector import and extrusion checklist

A practical checklist for moving logos, icons, diagrams, and other vector artwork from Illustrator, Figma, Affinity, or Inkscape into Autograph without unexpected scale, missing shapes, broken holes, changed strokes, or unreliable 3D extrusion.

Why this page exists

Autograph can import and animate SVG artwork and can receive SVG data through the clipboard from several vector-design applications. Maxon documents that pasted SVG is converted into a composition containing a Shapes Generator. This makes SVG a useful bridge between design and motion, but it does not guarantee that every SVG feature, coordinate system, paint operation, or nested transform will produce the intended editable result.

For production work, treat the SVG as a geometry handoff. Preserve the editable source, prepare a deliberately simplified interchange version, and validate the converted Autograph composition before animation or extrusion begins.

Prepare the source artwork

Choose file import or clipboard transfer

First import validation in Autograph

  1. Import or paste the asset into an empty verification project before placing it in the delivery composition.
  2. Compare the result against a reference raster exported from the design application at the same aspect ratio.
  3. Check total bounds, origin, scale, orientation, and the relationship between the artboard and visible geometry.
  4. Inspect closed shapes, counters, holes, self-intersections, overlapping contours, and thin features at high zoom.
  5. Check fills, gradients, opacity, strokes, joins, caps, and any clipped regions that remain in the interchange file.
  6. Confirm whether separate design objects remain separately controllable or have been combined in a way that changes the intended animation plan.
  7. Test the composition on a transparent background and on black, white, and saturated backgrounds to reveal missing fills, unintended transparency, or fringe pixels.

Coordinate systems, scale, and transforms

Animation preparation

3D extrusion checklist

Common failure patterns

Minimum acceptance test

  1. Archive the editable design master and a versioned interchange SVG.
  2. Export a reference PNG from the source application.
  3. Import the SVG into an empty Autograph project and compare silhouette, holes, fills, strokes, bounds, and orientation with the reference.
  4. Test transparency and several backgrounds.
  5. Animate the intended independent parts and verify pivots and scale.
  6. If 3D is required, test a shallow extrusion, bevel, material, moving light, and multi-angle render.
  7. Save the validated Autograph project together with the exact SVG, reference image, source-application version, and any preparation notes.

Practical rule

Use SVG to transfer deliberate geometry, not every feature of the design document. A simple, versioned interchange file plus a raster reference is more reliable than assuming that a visually correct source file will remain structurally identical after conversion.

Useful next pages

Sources checked