{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-export-from-figma","route":"/learn/how-to-export-from-figma","canonical":"https://www.layerpath.com/learn/how-to-export-from-figma","title":"How to Export From Figma","h1":"How to Export From Figma","description":"Discover the essential steps to export designs from Figma efficiently. Learn tips and tricks to streamline your workflow and enhance your design process.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Export From Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide will walk you through the steps to export your designs from Figma. Follow these instructions to successfully export your files."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9hf72zi001dld0d7kqx5xsd/tour","canonicalUrl":"https://share.layerpath.com/e/cm9hf72zi001dld0d7kqx5xsd/tour","id":"cm9hf72zi001dld0d7kqx5xsd"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select What You Want to Export"}]},{"type":"text","value":" – Click on any frame, image, icon, or element that you want to export. You can select multiple items while holding "},{"type":"strong","children":[{"type":"text","value":"Shift"}]},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Go to the Right Panel"}]},{"type":"text","value":" – With the element selected, look at the right-side panel. Scroll down to the "},{"type":"strong","children":[{"type":"text","value":"“Export”"}]},{"type":"text","value":" section."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click on “+” Icon"}]},{"type":"text","value":" – Click the "},{"type":"strong","children":[{"type":"text","value":"“+”"}]},{"type":"text","value":" button in the Export section to add export settings."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose Format"}]},{"type":"text","value":" – Pick your desired file format:"}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"PNG"}]},{"type":"text","value":" (for images/screens)"}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"JPG"}]},{"type":"text","value":" (for compressed photos)"}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"SVG"}]},{"type":"text","value":" (for vector graphics)"}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"PDF"}]},{"type":"text","value":" (for print or documents)"}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Set Scale (Optional)"}]},{"type":"text","value":" – You can export at different sizes (1x, 2x, 3x, etc.) for responsive or high-resolution use."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click “Export” Button"}]},{"type":"text","value":" – Once settings are ready, click the "},{"type":"strong","children":[{"type":"text","value":"“Export [filename]”"}]},{"type":"text","value":" button."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Save to Your Computer"}]},{"type":"text","value":" – A file download dialog will appear. Choose where to save it on your device."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your file is now exported and ready to use in your project, website, or for sharing."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9hf72zi001dld0d7kqx5xsd/tour","canonicalUrl":"https://share.layerpath.com/e/cm9hf72zi001dld0d7kqx5xsd/tour","id":"cm9hf72zi001dld0d7kqx5xsd"}],"plainText":["How to Export From Figma","This guide will walk you through the steps to export your designs from Figma. Follow these instructions to successfully export your files.","https://share.layerpath.com/e/cm9hf72zi001dld0d7kqx5xsd/tour","Select What You Want to Export – Click on any frame, image, icon, or element that you want to export. You can select multiple items while holding Shift.\nGo to the Right Panel – With the element selected, look at the right-side panel. Scroll down to the “Export” section.\nClick on “+” Icon – Click the “+” button in the Export section to add export settings.\nChoose Format – Pick your desired file format: PNG (for images/screens)\nJPG (for compressed photos)\nSVG (for vector graphics)\nPDF (for print or documents)\nSet Scale (Optional) – You can export at different sizes (1x, 2x, 3x, etc.) for responsive or high-resolution use.\nClick “Export” Button – Once settings are ready, click the “Export [filename]” button.\nSave to Your Computer – A file download dialog will appear. Choose where to save it on your device.\nDone – Your file is now exported and ready to use in your project, website, or for sharing."]}