Tutorial: How to Turn Figma Files to SVG with Rect Elements | HackerNoon
Briefly

What initially seemed like a straightforward task of animating SVGs turned complex, revealing the need for elements to be contained within frames for proper animation.
After extensive research, I discovered that SVG animation libraries require elements to be wrapped in frames, leading to the need for a plugin to automate the process.
The development of a Figma plugin that wraps selected SVG elements in frames allowed us to efficiently animate existing illustrations without redoing them.
In the end, just 30 minutes of coding solved the animation issue, demonstrating the importance of automation and problem-solving in design workflows.
Read at Hackernoon
[
|
]