API Overview

API divided into two main parts:

  • UI Primitives: Components/modules that represent compatibility layer with react-native.
  • Figma components: Components that match some of Figma node types or API methods.

Also, there is render function - entry point for React App.

UI Primitives

Components that compatible with react-native API.

  • View — The most fundamental component for building a UI.
  • Text - A React component for displaying text.
  • Image - A React component for displaying different types of images.
  • StyleSheet — A StyleSheet is an abstraction similar to CSS StyleSheets.
  • Platform — A module that detects the platform in which the app is running.

Figma components

  • Page — A React component for displaying Figma page.
  • Frame — A React component for displaying Figma frame.
  • Component — A React component that wrap nodes to Figma component.
  • Svg — A React component that transform SVG source to Figma nodes.
  • Ellipse — A React component for displaying Figma ellipse.
  • Group — A React component for grouping Figma nodes.
  • Line — A React component for displaying Figma line.
  • Rectangle — A React component for displaying Figma rectangle.
  • Star — A React component for displaying Figma star.
  • Vector — A React component for displaying Figma vector.
  • Slice — A React component for displaying Figma slice.