Menu
React Figma LogoReact Figma
DocsGitHubBlog
🌜
🌞
React Figma LogoReact Figma
  • Docs
  • GitHub
  • Blog
  • Getting Started
    • Installation
    • Configuration
    • Running
    • HMR
    • React DevTools
  • Docs
    • API Overview
    • Architecture
    • Ecosystem
    • Roadmap
  • API
    • render(element)
    • Styling
    • Colors
    • Local Styles
    • Data Fetching
    • UI Primitives
      • View
      • Text
      • Image
      • StyleSheet
      • Platform
    • Figma components
      • Page
      • Frame
      • Component, Instance, createComponent
      • Svg
      • Ellipse
      • Group
      • Line
      • Rectangle
      • Star
      • Vector
      • Slice
    • React Native compatibility
      • Dimensions
      • Easing
      • useWindowDimensions
      • StatusBar

Slice

Wrapper for the Figma Slice.

Props#

PropTypeDefaultNote
nameStringThe name to be displayed in the Figma Layers List
widthNumber
heightNumber
styleStyleNot all props

Also, most of the SliceNode fields are supported as props.

Example#

<Slice
height={200}
width={200}
/>
Previous
« Vector
Next
Dimensions »

Docs

  • Getting Started
  • API
  • Styling
  • Ecosystem

Social

  • GitHub Discussions
  • Twitter
  • LinkedIn
React Figma Logo
Copyright © 2025 Ilya Lesik