@wubafe/picasso-parse

Picasso解析库

Usage no npm install needed!

<script type="module">
  import wubafePicassoParse from 'https://cdn.skypack.dev/@wubafe/picasso-parse';
</script>

README

Picasso

一款sketch自动生成代码插件,可将sketch设计页面自动解析成前端代码。

简介

Picasso是58同城推出的一款sketch设计稿解析插件,可将sketch设计稿自动解析成还原精准,可用度高的前端代码。

前提

使用

注:安装picasso插件之前,请先安装sketch

下载picasso插件 => picasso.sketchplugin.zip 解压,双击安装即可,如下:

1.jpg

安装完成后在sketch软件中使用插件,如下图所示:

two.gif

开发

  # 插件目录
  cd picasso
  # 安装依赖
  npm install
  # 启动
  npm start
  # 打包
  npm run build

贡献

欢迎参与picasso项目的开发建设和讨论。

提交 pull request 之前请先提 [Issue 讨论].