I love the new addition of Figma Motion and it solves my exact problem of being able to author animated SVGs without having to do it “by hand”.
Problem
When the animation is exported, some of the elements (or groups) include additional transform attribute with a translation value equal to that of the Position (x and y) attribute in Figma. However, this displaces the entire element by that value (breaking the layout of the SVG in process) and is redundant, as the animation keyframes already handle the position and its offsets. This does not happen to all of the elements, and for some, the transform attribute does not impact the final layout.
Example
In my specific use case, there are two rectangles with rounded corners which move on top of a device frame mockup. The rectangles are part of a mask group (alpha), which adds a shared gradient as their fill. You can see below that the animation looks good in Figma, but when exported as animated SVG, the additional transform attribute shifts the larger rectangle, which breaks its appearance.
The actual animation has more elements, but I removed them for brevity of the example.
