How to Use Slice Tool in Figma: Quick Guide

In Figma, use the Slice Tool to select specific areas of your design for export by pressing S or selecting it from the toolbar. Draw a rectangle over the area you want to slice, then export that slice separately from the rest of your design.

Syntax

The Slice Tool in Figma is accessed by pressing S on your keyboard or selecting the slice icon from the toolbar. You then click and drag to create a rectangular slice over the desired area.

• Slice Tool (S): Activates the slice mode.
• Click and Drag: Defines the slice area.
• Export: Right-click the slice and choose export options.

text

1. Press S to activate Slice Tool
2. Click and drag on canvas to create slice rectangle
3. Select slice and right-click > Export
4. Choose format and export slice

Example

This example shows how to create a slice over a button in your design and export it as a PNG file.

text

1. Open your Figma file with a button design.
2. Press <code>S</code> to activate the Slice Tool.
3. Click and drag a rectangle exactly over the button.
4. Select the slice frame created.
5. Right-click the slice and select <code>Export</code>.
6. Choose PNG format and click <code>Export</code>.
7. The button image is saved separately from the full design.

Output

A PNG file containing only the button area you sliced.

Common Pitfalls

• Not activating the Slice Tool: Trying to export parts without creating slices leads to exporting the whole frame.
• Incorrect slice size: Slices too big or small may include unwanted areas or cut off parts.
• Forgetting to select the slice before export: Exporting without selecting the slice exports the entire frame.

text

Wrong way:
- Exporting without slice selected exports full frame.

Right way:
- Use <code>S</code> to create slice.
- Select slice.
- Export slice only.

Quick Reference

Action	Shortcut / Steps
Activate Slice Tool	Press S or select slice icon
Create Slice	Click and drag over area
Select Slice	Click on slice frame
Export Slice	Right-click > Export > Choose format
Cancel Slice Tool	Press Esc or select another tool

Key Takeaways

Press S to activate the Slice Tool in Figma for selecting export areas.

Draw a rectangle over the exact area you want to export separately.

Always select the slice before exporting to avoid exporting the whole frame.

Adjust slice size carefully to include only the desired design part.

Use right-click export options on the slice for flexible file formats.