# 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 讨论].