react-figma/react-figma
⚛️ A React renderer for Figma observed · 2026-08-28
Health v2 · maintenance only
57/100
- Activity 77
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2579
- days_rel: n/a
- days_push: 142
- n_releases_24m: 0
Adoption not part of the score
2692 stars · 136 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A custom React renderer that renders React components directly into Figma documents via the Figma Plugin API. It provides react-native-compatible UI primitives (View, Text, Image, StyleSheet) with Yoga flexbox layout, hydration, and HMR support.
Use cases
- build figma plugins with react
- render react components as figma designs
- create design systems in figma using react
- use react-native style components to generate figma layouts
- hot-reload figma plugin ui during development
- convert svg to figma nodes from react code
When to choose
- you want to author Figma designs or plugins in React with flexbox layouts
- you want react-native/react-sketchapp-style primitives targeting Figma
- you need hydration and HMR while iterating on designs
When to avoid
- you need a code generator that outputs design files without running inside Figma
- your project does not run within the Figma plugin environment
- you need full CSS support - some properties like shadowSpread and backgroundImage are unsupported
Facets
library · maturity active
frontend-framework ui-components templating rpc web-development frontend web-design developer-tools browser figma react-renderer figma-plugins yoga-layout react-native-compatible hmr design-systems nodejs typescript
7 sources
- readme: https://github.com/react-figma/react-figma · fetched 2026-08-28 · 154e565cc857
- homepage: https://react-figma.dev · fetched 2026-08-29 · 3bcb2abc24a7
- site_page: https://react-figma.dev/docs/API · fetched 2026-08-29 · f3e07403dcd6
- site_page: https://react-figma.dev/docs/configure · fetched 2026-08-29 · f5f679baf524
- site_page: https://react-figma.dev/docs/styling · fetched 2026-08-29 · fcecc7b4b096
- site_page: https://react-figma.dev/docs/ecosystem · fetched 2026-08-29 · 77e46d614f1d
- registry_npm: https://registry.npmjs.org/react-figma · fetched 2026-08-29 · 2e94c1f428ab
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| react-figma/react-figma | main | 57 |
For agents
markdown · JSON · MCP: product_card(name="react-figma/react-figma")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem