![]() ![]() If you've got your animation set up the way you want, all you need to do is click on "Export to GIF/Video" up in the top header panel of the Bannerify Figma plugin here. This is a brand new feature and this is the first tutorial that I've made about it, and I just want to show you how to use it. ![]() I do have another tutorial that covers that in depth if you check out that video on our YouTube channel you'll be able to find it, and it goes into depth about how to apply animations and do all that sort of stuff, but today I'm just going to assume that you've already got your animations set up the way you want, as I do in my file here and all I'm going to be doing today is showing you how to export these animated banners from Figma to MP4 video files from our designs. Today I'm not going to be showing you how to go into the animation settings and apply animations and things like that. What this does is it processes every parent level frame as a banner and it interprets those into the user interface, so every layer inside of the frame becomes an element in the banner and those can be animated individually, and looped, and have timings put on them. The first step is just to right click anywhere on the page, go down to "Plugins" and click on "Bannerify Banner Ad Studio", and that's just going to fire up the Figma plugin we just installed. I'm just going to be using this banner set as an example to show you what it looks like. If you haven't already done so, you can install this Figma plugin by going to the top left hand side of the app, clicking on the little Figma icon, and if you go down to "Community" and search for "Bannerify" if you click on the "Plugins" tab you'll see a result called "Bannerify Banner Ad Studio" pop-up then you just want to go over to the right hand side click on the little "Install" button, and once it looks like mine, with the little check mark, then you're ready to go, and we can jump back into our Figma file. We're going to be doing that by using a Figma plugin called Bannerify. ![]() Today I'm going to be showing you how to export animated banners from Figma to MP4 video files automatically with one click. ![]()
0 Comments
Leave a Reply. |