In our case, the order of the Figma layer panel is actually the exact opposite of what we want by default it will load them in that order, but we obviously want them to be in a different order. You can see in the left hand side of our Figma design over here we've got all of these frames at the top level of the page and these are all being picked up on by the Figma plugin we can see here it's picking up on each of those layers if I bring this over here you can compare it directly starting from "Principle 10" all the way down to "Intro", it's bringing all of those layers in in or in the order that they appear in the layers panel in Figma. ![]() I'm going to do that now, I'm going to click on this "Create a PDF" button up here you can see once I've clicked that it's brought up a little panel for me, this little export panel, and this is allowing us to create a PDF from frames inside of our Figma file when I say frames I mean top level frames. ![]() Normally this would be the way that we would compress images with TinyImage for example if I just refresh this you can see that it's picked up on the three export settings that I've just added to that image, but for today, because we're actually going to be using a different feature in the Figma plugin, I don't actually need to have these image settings added at all I'm just going to remove those three refresh the Figma plugin and so this message is actually fine for our use case, because the second part of the message lets us know that if we just want to export all of the visible frames on this page to a single compressed PDF then we can use the the button above. You can see here that the first thing we can see is this little empty state, this little warning message just letting us know that none of the layers in our file have any export settings on them that would normally mean if I click on this image for example, an export setting is something that you can add in Figma in the right hand column you can see over here on the right hand side I've got this little export section, if you click on that it'll allow you to add export settings for each layer or each image in your Figma file. The first thing we need to do is just right click anywhere, go to "Plugins" and then go down to "TinyImage Compressor" and click on that that's going to launch the Figma plugin we just installed. I want to be able to compress this file into a single PDF and have a couple of options around that. The first file I'm going to look at is just this design with a bunch of frames it's a presentation for Dieter Rams "10 Principles for Good Design", and today I want to export this as a PDF file from Figma, but I want it to be a compressed PDF file and I don't want it to be the regular PDF that Figma exports natively, because it's really large, and it's just way too big for sending people over email or Slack and things like that. Once it does say "Installed", then you can jump back into your project and we can get started. If you haven't installed it you'll see a button that just says "Install" and once you click on "Install", it'll take a couple of seconds and then it should change to look like mine where it says "Installed" and it has a little checkbox next to it. The quickest way to do that is just by going up to the top left of your Figma application, clicking on the little Figma icon, and if you go down to "Community" and click on "Plugins" you'll be able to search for a Figma plugin called "TinyImage", and you can just put in the keyword "TinyImage" and if you click on the "Plugins" tab you'll see a result pop-up called "TinyImage Compressor", and over on the right hand side over here you'll see the "Install" button. If you haven't already done so, the first thing we need to do is install the TinyImage Figma plugin from the Figma plugins directory. Today I'm going to be showing you how to export merged PDF files with compression from Figma using a Figma plugin called TinyImage.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |