I want to share the tool I have been working on for almost a year.
It takes a multi-frame Figma design and converts it to native HTML5.
Then applies a preset animation to elements based on their type.
The result is an animated HTML5 banner ad from a static Figma design, with each frame appearing in sequence and delivering the marketing message.
For example:
- Frame 1: Name the problem
- Frame 2: Show your product
- Frame 3: CTA or disclaimer
You can process many sizes at once, such as 300x600 with 2 frames + 728x90 with 4 frames + 1080x1080 with only one frame. So all creatives are animated in a second.
Building this tool with ad creative automation in mind, as my entire background revolves around display ads. I also tried to make it developer friendly. It generates tiny human readable HTML+CSS code.
I think this would be helpful for brands and marketing teams and want to get as much feedback as possible.
Thanks for your time and support.
Alex
0 comments
—
Show HN: I made a native HTML5 animated banner generator · HackerTrans
Then applies a preset animation to elements based on their type. The result is an animated HTML5 banner ad from a static Figma design, with each frame appearing in sequence and delivering the marketing message.
For example: - Frame 1: Name the problem - Frame 2: Show your product - Frame 3: CTA or disclaimer
You can process many sizes at once, such as 300x600 with 2 frames + 728x90 with 4 frames + 1080x1080 with only one frame. So all creatives are animated in a second.
Building this tool with ad creative automation in mind, as my entire background revolves around display ads. I also tried to make it developer friendly. It generates tiny human readable HTML+CSS code.
I think this would be helpful for brands and marketing teams and want to get as much feedback as possible.
Thanks for your time and support. Alex