![]() I've already done this, and you can see here I've got a bunch of exports that I can that I can see and use. If I click on any of my layers here and then go over to the right hand side, you'll see under the "export settings" that I've added a few export settings already, so if you haven't done that, you can click on your layers that you want to include into this animated GIF that we're going to make, and just make sure they've got at least one export setting on those layers JPG is fine, PNG is fine, or SVG - anything you want to add really, just to make them show up in this list here. If you don't see any images, it means that you haven't added any image exports onto your layers. As soon as it loads, you should see some images. The first thing we're going to do is run the Figma plugin, so you can right-click anywhere, go down to "plugins" and then go to "TinyImage Compressor" and left click on that. ![]() This is the TinyImage compressor plugin, I already have it installed but if you don't have it installed, you'll be able to click the "install" button over here on the right, and once you've clicked "install: it'll look like that, and it'll say that it's installed and then you're good to go back to your Figma file.īack in our Figma file, we've just got a few very simple layers here so we've got four image layers and three frames and three SVG frames. If you haven't already installed it, you can go to the Figma icon in the top menu bar and go down to "community" then click on "plugins" then what you want to do is search for "tinyimage" up in the search bar up hereand just hit the "enter" key and you'll see it pop right up. This functionality is not built into Figma, so we're going to use a plugin called TinyImage to make this happen for us. Today, we're going to be looking at how to create and export animated GIFs from Figma using the TinyImage Figma plugin. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |