Before I built this tool, I definitely took the *scenic route*... I sketched out some rough keyframes on my Procreate, I pulled those into Figma, and then I painstakingly placed each pixel down for each frame.

I was able to export a working GIF for my old website hero by screen recording a Figma after delay prototype, converting it to GIF and compressing a TON (shoutout ezgif.com), but this was unideal.

The Figma file was deeply unperformant because of the many svgs, and the drawings themselves were difficult to edit. Peep the posts.cv front page feature though!

My first pass at a better tool a canvas that I prototyped in February 2025, but I recently picked it up again to give it more robust features, including an interactive timeline and FPS controls for GIF export. The prototype above is interactive and leverages local storage to "save" your progress without a backend - give it a try!

loop! is a product I'm continuously iterating upon. I'm looking forward to building it into a more customizable tool with a proper backend and file management in the near future — follow me on X to see future updates!

This version of loop! was built with Figma, v0, Claude Code, Cursor, and a lot of love.

My v0 prototype is still up though — check it out here.