# airbnb/react-sketchapp

render React components to Sketch ⚛️💎

Repository: https://github.com/airbnb/react-sketchapp
Canonical: https://ross.abutalabs.com/products/react-sketchapp
Homepage: http://airbnb.io/react-sketchapp/
Language: TypeScript
License: MIT
License Family: permissive
Topics: react-sketchapp, react, sketch, sketch-plugin, react-renderer
Last push: 2025-11-06T00:54:06+00:00

## Health v2 (maintenance only)
Score: 45/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 50, release rhythm 8, longevity 100
- inputs: {"age_days": 3421, "days_push": 301, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 14867, forks 799 (observed 2026-08-28T04:11:08.816711+00:00)

## What it is
A React renderer that renders React components directly into Sketch documents, built by Airbnb for managing design system assets in code. It provides Sketch-specific components like Artboard, Page, and Text with a React Native-like styling model, and supports universal rendering via react-primitives.

## Use cases
- render React components to Sketch
- manage design system assets in Sketch from code
- generate Sketch designs with real data from APIs
- build custom design tooling on top of Sketch
- share components between web, React Native, and Sketch designs

## When to choose
- you maintain a design system and want Sketch assets generated from real React components
- you want designs driven by real data fetched from APIs
- you want one component codebase rendering to web, native, and Sketch

## When to avoid
- you don't use Sketch (macOS-only tool)
- you need a general-purpose design tool or Figma integration
- you need actively evolving features for modern Sketch APIs

## Facets
- artifact type: library
- maturity: maintenance
- function: frontend-framework, ui-components, templating
- domain: web-development, frontend, developer-tools, web-design
- platform: -
- tags: react-renderer, sketch-plugin, design-systems, design-tools, react-native-metaphors, macos, nodejs, javascript

## Member repositories
- airbnb/react-sketchapp (main) score 45

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:08.816711+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:07:01.535562+00:00, confidence not recorded.
  - readme: https://github.com/airbnb/react-sketchapp (fetched 2026-08-28T04:11:08.816711+00:00, sha 9f399bd95ac3)
  - homepage: http://airbnb.io/react-sketchapp/ (fetched 2026-08-29T08:05:29.491052+00:00, sha 3cdd9edd6ada)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides (fetched 2026-08-29T08:05:29.500182+00:00, sha d5f2688f97cf)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides/getting-started.html (fetched 2026-08-29T08:05:29.502073+00:00, sha 742961ae7968)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides/using-skpm.html (fetched 2026-08-29T08:05:29.503958+00:00, sha 6e45b04a55e4)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides/rendering.html (fetched 2026-08-29T08:05:29.505778+00:00, sha d671e999065f)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides/data-fetching.html (fetched 2026-08-29T08:05:29.507831+00:00, sha 39af10221a29)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides/universal-rendering.html (fetched 2026-08-29T08:05:29.509628+00:00, sha 1f772831fca0)
  - site_page: https://react-sketchapp.airbnb.tech/docs/guides/styling.html (fetched 2026-08-29T08:05:29.511181+00:00, sha c5861c7c163c)
  - site_page: https://react-sketchapp.airbnb.tech/docs/API.html (fetched 2026-08-29T08:05:29.513483+00:00, sha 4df2146fb758)
- Data as of 2026-08-30T08:39:29.467469+00:00.