# how to slice in figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Slice in Figma
   - body: 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.
   - voiceover: Follow these steps to create and export slices in Figma, which can be useful for exporting specific parts of your design. This guide will walk you through the process step-by-step, making it easy to get the exact slices you need.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2kxkh00090dla49z9252k.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Launch Figma.
   - source type: IMAGE
   - description: Select the Slice Tool
   - target: (1088, 334), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (1088, 334), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Open the Figma application on your computer or go to the Figma website and log in to access your workspace.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l33d000b0dla6rah5xt6.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e28uwu000003husqu69s7o.png
2. step_02 [image] - Press S or select the Slice tool from the top bar dropdown (next to the Frame tool).
   - source type: IMAGE
   - description: Adjust the Slice
   - target: (808.9750658453646, 646.0166232507615), rect: top=100 left=100 width=100 height=100
   - hotspots: 1
     - hotspot_01 (808.9750658453646, 646.0166232507615), rect: top=100 left=100 width=100 height=100
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Press the 'S' key on your keyboard or select the Slice tool from the dropdown menu located next to the Frame tool in the top bar.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l342000c0dlahdo967wc.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2bmj500013j76wvvm9zc8.png
3. step_03 [image] - Click and drag to draw a slice over the area you want to export.


   - source type: IMAGE
   - description: Open the Export Settings
   - target: (524, 226), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (524, 226), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click and drag your mouse to draw a slice over the area of your design that you want to export.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l34t000d0dladi1e569l.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e290th000103hu5zvscekb.png
4. step_04 [image] - With the slice selected, go to the right sidebar and click Export.


   - source type: IMAGE
   - description: Select Your Export Options
   - target: (1263.4625972218053, 440.7672886870011), rect: top=428.8000183105469 left=1303.800048828125 width=192.1999969482422 height=40
   - hotspots: 1
     - hotspot_01 (1263.4625972218053, 440.7672886870011), rect: top=428.8000183105469 left=1303.800048828125 width=192.1999969482422 height=40
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: With the slice selected, go to the right sidebar and click on the 'Export' button to open export settings.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l35i000e0dla403zf15w.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e295os000203hudx0eko3b.png
5. step_05 [image] - Click on Export Slice and Choose your format and click Export to download.
   - source type: IMAGE
   - description: Export the Slice
   - target: (1327.3018859243793, 508.76730299064747), rect: top=504.8000183105469 left=1303.800048828125 width=208.1999969482422 height=24
   - hotspots: 1
     - hotspot_01 (1327.3018859243793, 508.76730299064747), rect: top=504.8000183105469 left=1303.800048828125 width=208.1999969482422 height=24
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click 'Export Slice', choose your preferred format (such as PNG, JPG, or PDF), and then click 'Export' to download the slice.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l368000f0dla5riq5fct.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e297on000303huvov303oq.png
6. step_06 [image] - You have downloaded perfectly.
   - source type: IMAGE
   - description: Save the Exported File
   - target: (1138.4740651994575, 98.58519151941685), rect: top=100 left=100 width=100 height=100
   - hotspots: 1
     - hotspot_01 (1138.4740651994575, 98.58519151941685), rect: top=100 left=100 width=100 height=100
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Your selected slice has been successfully downloaded to your computer.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l36x000g0dlacirzecg8.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2ea7t00023j76bsgsq4nb.png
8. [Outro] Finishing Touches
   - body: You've successfully sliced your design in Figma. Now you can use the exported slices in your projects. If you need to slice more sections of your design, simply repeat these steps.
   - voiceover: Now that you have successfully downloaded your slice, you can continue designing or share your exported slice with others. For more complex slicing or exporting multiple slices, repeat the above steps as needed.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e28qtg001dii0dzwb3qaog/cm9e2l0o9000a0dla6h8lcf5w.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9e28qtg001dii0dzwb3qaog/tour