{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-export-figma-to-png","route":"/learn/how-to-export-figma-to-png","canonical":"https://www.layerpath.com/learn/how-to-export-figma-to-png","title":"How to Export Figma to PNG","h1":"How to Export Figma to PNG","description":"Learn how to easily export your Figma designs to PNG format with our step-by-step guide. Perfect for designers looking to share their work effortlessly.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Export Figma to PNG"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide will help you export your design files into PNG format from Figma. Follow these steps carefully to ensure a smooth export process."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9b5edrr0003la0cpb29buyv/tour","canonicalUrl":"https://share.layerpath.com/e/cm9b5edrr0003la0cpb29buyv/tour","id":"cm9b5edrr0003la0cpb29buyv"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Object or Frame"}]},{"type":"text","value":" – Click on the element, group, or frame you want to export."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Go to the Right Sidebar"}]},{"type":"text","value":" – Scroll to the bottom of the design panel."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click “+” in the Export Section"}]},{"type":"text","value":" – This adds an export setting."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose Format as PNG"}]},{"type":"text","value":" – From the dropdown menu, select "},{"type":"inlineCode","value":"PNG"},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Set Export Size (Optional)"}]},{"type":"text","value":" – You can export at 1x, 2x, 3x, or a custom scale."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click “Export [Object Name]”"}]},{"type":"text","value":" – A dialog will prompt you to save the file."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your selected design is now downloaded as a PNG file."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9b5edrr0003la0cpb29buyv/tour","canonicalUrl":"https://share.layerpath.com/e/cm9b5edrr0003la0cpb29buyv/tour","id":"cm9b5edrr0003la0cpb29buyv"}],"plainText":["How to Export Figma to PNG","This guide will help you export your design files into PNG format from Figma. Follow these steps carefully to ensure a smooth export process.","https://share.layerpath.com/e/cm9b5edrr0003la0cpb29buyv/tour","Select the Object or Frame – Click on the element, group, or frame you want to export.\nGo to the Right Sidebar – Scroll to the bottom of the design panel.\nClick “+” in the Export Section – This adds an export setting.\nChoose Format as PNG – From the dropdown menu, select PNG.\nSet Export Size (Optional) – You can export at 1x, 2x, 3x, or a custom scale.\nClick “Export [Object Name]” – A dialog will prompt you to save the file.\nDone – Your selected design is now downloaded as a PNG file."]}