Bannerify allows designers to animate their banner designs directly in Figma and export them to production ready code — vanilla HTML/CSS or a supported advertising platform — in seconds.
Hey all! I'm Adam from Figmatic 👋
I built Bannerify to help solve "the banner problem" inside every digital agency, which is an infinite feedback loop that looks something like this:
1. Designer will mock-up a bunch of banner placements in a design tool.
2. Developer has to manually export all the images and code every banner.
3. Designer and developer sit together to try hand-coding some animations.
4. Designer and developer will both believe they're finished with the project.
5. Client or art director has design feedback... REPEAT FROM STEP 1.
I've personally experienced this nightmare-ish feedback process on every banner campaign I've ever worked on, and this loop might happen 2 dozen times on a single project. Bannerify is the automation I always wanted for myself, and it solves a few of these problems by:
• Allowing designers to craft their own CSS animations directly in Figma using a proper timeline and real-time previews, without writing any code.
• Automatically exporting a zip file with all the image files, HTML, CSS and Javascript, so a developer doesn't even need to open their code editor.
• Generating a beautifully responsive client-facing preview page to view all of the animated HTML banners at the same time.
I built Bannerify based on my time working as both a designer and developer in digital agencies over the previous decade, so if you're in a similar position in your role, I really hope this Figma plugin will be a breath of fresh air and make banner campaigns much less painful!
@figmatic You did an amazing job. I used to work in an agency and we did a lot of banners and it was a nightmare. It could help us so much back there. I really see how this become a part of a workflow for a lot of teams.
Thanks so much, @alisa_smelkova! It's so great to hear that from someone else inside the agency trenches who knows what this nightmare is really like. With lots more agencies (in Melbourne, at least) switching to Figma, I really hope this can become part of the banner campaign workflow as a far less painful option.
It's really useful, need some fixes to identify layer and apply exactly same animation and timing of other sizes, many times I need to copy and paste, it's easy but maybe can be faster. Just small fixes and improve UI to zoom banner, increase area maybe full screen etc..
And also, it's expensive for Brazilians, but... I liked at all. I will need cancel and sign up again to avoid pay much when don't use for while. =)
Emailify for Figma
Vectorly
Emailify for Figma
SPELLL
Emailify for Figma