/GaiaSketch

一款为开发和设计师而设计的一款基于Sketch的插件,对于设计师来说可以通过插件建立起标准库(包括:组件库、样式库、图标库、页面库、Deign Token库),也可以通过插件导出更为简单易用的【标注文件】;对于开发来说,可以通过插件能将Sketch设计稿中的图层导出为代码(GaiaX、React、Rax、Vue、小程序等)

Primary LanguageJavaScriptApache License 2.0Apache-2.0

设计师插件

en-US

介绍

一款为开发和设计师而设计的一款基于Sketch的插件,对于设计师来说可以通过插件建立起标准库(包括:组件库、样式库、图标库、页面库、Deign Token库),也可以通过插件导出更为简单易用的【标注文件】;对于开发来说,可以通过插件能将Sketch设计稿中的图层导出为代码(GaiaX、React、Rax、Vue、小程序等)

语雀知识库地址

整体架构基于 skpm/with-webview,界面基于 FluentUICreate React App

开发

安装依赖

cd gaia-sketch/sketch 

yarn

yarn watch
cd gaia-sketch/app

yarn

yarn start

修改入口

browserWindow.loadURL("./resources/index.html");

改为

browserWindow.loadURL("http://localhost:3000");

打包

修改入口

browserWindow.loadURL("http://localhost:3000");

改为

browserWindow.loadURL("./resources/index.html");

执行命令

1. cd gaia-sketch

2. make

3. open sketch/gaia-sketch.sketchplugin #安装

4. restart sketch #重启Sketch软件

行为准则

请参考 Alibaba Open Source Code of Conduct

开源协议

Gaia Sketch is licensed under the Apache License, Version 2.0. See LICENSE for the full license text.