{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-slice-in-figma","route":"/learn/how-to-slice-in-figma","canonical":"https://www.layerpath.com/learn/how-to-slice-in-figma","title":"How to Slice in Figma","h1":"How to Slice in Figma","description":"Discover the essential techniques for slicing in Figma. Learn step-by-step methods to enhance your design workflow and optimize your projects effectively.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Slice in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides step-by-step instructions on how to create and export slices in Figma. Slicing allows you to export specific parts of your design for use in other projects. Follow these easy steps to slice your design effectively."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9e28qtg001dii0dzwb3qaog/tour","canonicalUrl":"https://share.layerpath.com/e/cm9e28qtg001dii0dzwb3qaog/tour","id":"cm9e28qtg001dii0dzwb3qaog"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Your Figma File"}]},{"type":"text","value":"\n– Launch Figma and open the design file where you want to create slices."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Slice Tool"}]},{"type":"text","value":"\n– Click the "},{"type":"strong","children":[{"type":"text","value":"“Slice Tool”"}]},{"type":"text","value":" (icon with a diagonal cut square) in the top toolbar,\nor press "},{"type":"strong","children":[{"type":"text","value":"S"}]},{"type":"text","value":" on your keyboard."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Draw the Slice Area"}]},{"type":"text","value":"\n– Click and drag on the canvas to draw a slice over the desired area."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust the Slice"}]},{"type":"text","value":"\n– Resize or reposition the slice as needed by dragging its edges or moving it."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Name Your Slice (Optional)"}]},{"type":"text","value":"\n– Select the slice and rename it in the layers panel to stay organized."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Export the Slice"}]},{"type":"text","value":"\n– With the slice selected, click "},{"type":"strong","children":[{"type":"text","value":"“+” under Export"}]},{"type":"text","value":" in the right-hand panel,\nchoose the desired format (PNG, JPG, SVG, etc.), then click "},{"type":"strong","children":[{"type":"text","value":"“Export”"}]},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":"\n– The slice is now exported and saved to your device."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9e28qtg001dii0dzwb3qaog/tour","canonicalUrl":"https://share.layerpath.com/e/cm9e28qtg001dii0dzwb3qaog/tour","id":"cm9e28qtg001dii0dzwb3qaog"}],"plainText":["How to Slice in Figma","This guide provides step-by-step instructions on how to create and export slices in Figma. Slicing allows you to export specific parts of your design for use in other projects. Follow these easy steps to slice your design effectively.","https://share.layerpath.com/e/cm9e28qtg001dii0dzwb3qaog/tour","Open Your Figma File\n– Launch Figma and open the design file where you want to create slices.\nSelect the Slice Tool\n– Click the “Slice Tool” (icon with a diagonal cut square) in the top toolbar,\nor press S on your keyboard.\nDraw the Slice Area\n– Click and drag on the canvas to draw a slice over the desired area.\nAdjust the Slice\n– Resize or reposition the slice as needed by dragging its edges or moving it.\nName Your Slice (Optional)\n– Select the slice and rename it in the layers panel to stay organized.\nExport the Slice\n– With the slice selected, click “+” under Export in the right-hand panel,\nchoose the desired format (PNG, JPG, SVG, etc.), then click “Export”.\nDone\n– The slice is now exported and saved to your device."]}