How to Use the Slice Tool in Figma

Updated on:

May 12, 2026

By:

Use this interactive demo to learn how to export sliced assets directly from your Figma canvas.

Quick summary

The Figma Slice Tool lets designers export specific sections of a design canvas as individual assets without cropping or restructuring frames. By using Regional Tools and the built-in Export panel, you can precisely cut and export any element in just a few clicks.

Steps

Navigate to the bottom section of your Figma design canvas and click Regional Tools.
Select Slice from the list of available tool options.
Use your mouse cursor to draw a selection over the object you want to slice.
Go to the right-side panel and click Export.
Configure the export settings based on your preference, then click Export Slice 1 to complete the export.

📌 Why this matters

The Figma Slice Tool gives designers precise control over which parts of a design canvas are exported, making it essential for preparing assets for development handoff or marketing use. Instead of manually cropping images or restructuring frames, designers can define exact export boundaries in seconds. This streamlines the asset export workflow directly inside Figma, reducing back-and-forth between design and development teams. For teams working with complex layouts, mastering the Slice Tool accelerates delivery and improves asset accuracy.

Your product deserves an interactive demo

Start free

How to Create a Figma Plugin

How to Use SF Symbols in Figma

How to Embed a Figma Prototype in Google Slides