Need help with Picasso?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

wuba
408 Stars 61 Forks MIT License 142 Commits 0 Opened issues

Description

一款UI自动生成代码插件,提供UI自动生成代码全流程解决方案。

Services available

!
?

Need anything else?

Contributors list

No Data

Picasso

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

简介

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

前提

  • Sketch >= 60 下载Sketch ## 使用 注:安装picasso插件之前,请先安装sketch

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

1.jpg

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

two.gif

功能介绍

选择画板

  • 选中画板:对当前选中的画板进行代码生成。
  • 全部画板:对所有画板进行代码生成。 #### 生成代码
  • web代码:普通web代码,结构布局合理、代码可用度高;适用于移动端列表、详情等页面。
  • web运营版:采用绝对定位布局、代码还原度高;适用于运营活动页、静态页。
  • 微信小程序:生成微信小程序代码。
  • ReactNative:生成ReactNative代码。 ## 开发
    sh
    # 插件目录
    cd picasso
    # 安装依赖
    npm install
    # 启动
    npm start
    # 打包
    npm run build
    
    ## 贡献 欢迎参与picasso项目的开发建设和讨论。 > 提交 pull request 之前请先提 [Issue 讨论].

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.