React-sketch app 是一個(gè)開源庫，它可以讓你寫出符合 Sketch 文檔規(guī)范的 React 組件。它能打通設(shè)計(jì)師和工程師之間的鴻溝，使人們便于在一個(gè)大規(guī)模的設(shè)計(jì)系統(tǒng)中協(xié)同工作。

為什么要將 React 置入 Sketch ？

在 Sketch 中管理設(shè)計(jì)系統(tǒng)的資產(chǎn)是復(fù)雜又耗時(shí)且容易出錯(cuò)的。Sketch 是可程式化的，但 API 通常會(huì)發(fā)生變化。 React 提供了完美的包裝器，以 JavaScript 開發(fā)人員已經(jīng)熟悉的方式構(gòu)建可重用的文檔。

快速啟動(dòng)

首先，請(qǐng)確保您已經(jīng)安裝了 Sketch 43+ 版本和最新的 npm 。

打開一個(gè)新的 Sketch 文件，然后在終端中：

git clone https://github.com/airbnb/react-sketchapp.git
cd react-sketchapp/examples/basic-setup && npm install

npm run render