UNPKG

@wubafe/picasso-parse

Version:
36 lines (26 loc) 1.15 kB
# Picasso > 一款sketch自动生成代码插件,可将sketch设计页面自动解析成前端代码。 ## 简介 [Picasso](https://github.com/wuba/Picasso)是58同城推出的一款sketch设计稿解析插件,可将sketch设计稿自动解析成还原精准,可用度高的前端代码。 ## 前提 - Sketch >= 60 [下载Sketch](https://www.sketch.com/) ## 使用 注:安装picasso插件之前,请先安装[sketch](https://www.sketch.com/) [下载picasso插件](https://github.com/wuba/Picasso/releases/download/v2.1.6/picasso.sketchplugin.zip) => picasso.sketchplugin.zip 解压,双击安装即可,如下: ![1.jpg](https://wos.58cdn.com.cn/IjGfEdCbIlr/ishare/f3c38c05-9051-4b87-b5ad-32439b0dfed71.jpg) 安装完成后在sketch软件中使用插件,如下图所示: ![two.gif](https://wos.58cdn.com.cn/IjGfEdCbIlr/ishare/43582d7b-0d66-4cc1-b240-7ba55aaa4acctwo.gif) ## 开发 ``` sh # 插件目录 cd picasso # 安装依赖 npm install # 启动 npm start # 打包 npm run build ``` ## 贡献 欢迎参与picasso项目的开发建设和讨论。 > 提交 pull request 之前请先提 [Issue 讨论].