Overview

React Figmanpm is a React renderer for Figma, allowing users to utilize React components as a source for their designs. It is compatible with react-native, react-sketchapp, and react-primitives API, offering flexible layouts support with Yoga Layout and features hydration and HMR support. Built on the Figma Plugin API, it is not a code generator but provides a convenient way to integrate React components into Figma designs.

Features

CircleCI Integration: Seamless integration with CircleCI for continuous integration.
React Components Usage: Utilize React components directly in Figma designs.
Compatibility: Compatible with react-native, react-sketchapp, and react-primitives API.
Flexible Layouts: Supports flexible layouts with Yoga Layout.
Hydration and HMR Support: Features hydration and HMR support for convenience.
Built on Figma Plugin API: Integration and functionality built on the Figma Plugin API.
Community Contributions: Community-driven project with opportunities for contribution.

Using boilerplate

You can use react-figma-boilerplate for creating your projects.

From scratch

Install it with yarn:

yarn add react-figma

React Figma

React Figma Boilerplate

React Figma