渲染 React 组件到 Sketch 的开源库 React Sketch.app

React-sketchapp是一款开源库,旨在通过构建符合Sketch文档标准的React组件来促进设计与开发团队间的协作。它能够简化设计系统在Sketch中的管理流程,减少错误,并以JavaScript开发者熟悉的模式提供文档构建的支持。

React-sketch app 是一个开源库,它可以让你写出符合 Sketch 文档规范的 React 组件。它能打通设计师和工程师之间的鸿沟,使人们便于在一个大规模的设计系统中协同工作。

为什么要将 React 置入 Sketch ?

在 Sketch 中管理设计系统的资产是复杂又耗时且容易出错的。Sketch 是可程式化的,但 API 通常会发生变化。 React 提供了完美的包装器,以 JavaScript 开发人员已经熟悉的方式构建可重用的文档。

快速启动

首先,请确保您已经安装了 Sketch 43+ 版本和最新的 npm 。

打开一个新的 Sketch 文件,然后在终端中:

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

npm run render

screenshot

文章转载自 开源中国社区[https://www.oschina.net]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值