Bannerify for Figma
p/bannerify-for-figma
Animate and export HTML banners from Figma in seconds.
Adam
Bannerify for Figma — Animate and export HTML banners from Figma in seconds.
Featured
6
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.
Replies
Best
Adam
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!
Alisa Smelkova
@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.
Adam
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.
Tekeste Kidanu
Congrats on the launch! Pretty sure this will save designers lots of time and money!
Adam
Thanks @iamtekeste!
Victor G. Björklund
This is genius!