Skip to content

Which source details should an SVG animation editor preserve when an icon is revised?

General Discussion
1 1 1
  • I am associated with SVG Animation, and this question was prepared with AI assistance. I would welcome product-design feedback on a hypothetical editing scenario, not a claim about a user study or features already implemented.

    Imagine someone creates a small animated icon for a website, exports a demonstration, and later needs to change one color or the resting frame. The challenge is helping them understand which file is still an editable source and which is only a flattened deliverable. A polished preview can make those differences easy to overlook.

    For context, the browser-based svg animation generator publicly describes working with presets or AI, refining vector source and exporting SVG, GIF or MP4. I am interested in the clarity of the handoff rather than assuming those formats preserve the same editing behavior everywhere.

    What would you keep visible in this workflow: the original artwork, the accepted source version, a short description of the motion, the selected export format, or the destination where the result was reviewed? Would a clear source-versus-export distinction help more than another technical settings panel?

    A second question is how to handle a revision that changes meaning rather than appearance. A loop used as decoration should not silently become a loading indicator that implies verified progress, and a reduced-motion alternative may need to be static rather than merely slower. Which warning or comparison would make that distinction understandable without overwhelming a first-time user?

    Please treat this as a general design discussion; no private uploads, customer records or personal examples are needed. I would value a simple review sequence that helps people make an intentional choice without promising perfect round-trip editing or universal compatibility.