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

Ecosystem

Examples#

  • Basic
    • Basic + HMR
  • Design system
  • Interactive
  • Data fetching
  • ๐Ÿ’… styled-components
  • PrimerDemo - Example of multiplatform UI-kit
  • Component Variants
  • MDX

Tools#

  • figma-api-stub - A stub implementation of Figma Plugins API.
  • awesome-figma - A curated list of delightful Figma resources.
  • react-primitives-box - Ergonomic, responsive React layout and grid system.
  • figma-ui-components - Unofficial set of Figma UI components.

Articles#

  • Using Figma Variants with react-figma
  • React Renderers: an Overview
Previous
ยซ Architecture
Next
Roadmap ยป
  • Examples

Docs

  • Getting Started
  • API
  • Styling
  • Ecosystem

Social

  • GitHub Discussions
  • Twitter
  • LinkedIn
React Figma Logo
Copyright ยฉ 2023 Ilya Lesik