{"id":13672861,"url":"https://github.com/wuba/Picasso","last_synced_at":"2025-04-28T04:30:29.537Z","repository":{"id":37887280,"uuid":"294017450","full_name":"wuba/Picasso","owner":"wuba","description":"一款UI自动生成代码插件，提供UI自动生成代码全流程解决方案。","archived":false,"fork":false,"pushed_at":"2023-05-12T03:06:06.000Z","size":36478,"stargazers_count":1104,"open_issues_count":3,"forks_count":162,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-04-14T20:58:02.154Z","etag":null,"topics":["code","measure","parse","picasso","sketch","sketch-plugin","sketch2code","ui2code"],"latest_commit_sha":null,"homepage":"https://picassoui.58.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wuba.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-09-09T05:59:46.000Z","updated_at":"2025-04-10T08:37:18.000Z","dependencies_parsed_at":"2022-07-09T10:31:22.362Z","dependency_job_id":"8ed59397-bea9-42f9-9703-a0232f5946ba","html_url":"https://github.com/wuba/Picasso","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wuba%2FPicasso","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wuba%2FPicasso/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wuba%2FPicasso/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wuba%2FPicasso/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wuba","download_url":"https://codeload.github.com/wuba/Picasso/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251251753,"owners_count":21559654,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code","measure","parse","picasso","sketch","sketch-plugin","sketch2code","ui2code"],"created_at":"2024-08-02T09:01:52.903Z","updated_at":"2025-04-28T04:30:28.484Z","avatar_url":"https://github.com/wuba.png","language":"TypeScript","readme":"\n# Picasso\n\n\u003e 一款sketch插件，可将sketch设计稿页面自动解析成前端代码。\n## 简介\n\n[Picasso](https://github.com/wuba/Picasso/releases/download/v2.2.3/picasso.sketchplugin.zip)是58同城推出的一款sketch设计稿解析插件，可将sketch设计稿自动解析成还原精准，可用度高的前端代码。\n\n## 前提\n- Sketch \u003e= 60 [下载Sketch](https://www.sketch.com/)\n## 使用\n注：安装picasso插件之前，请先安装[sketch](https://www.sketch.com/)\n\n[下载picasso插件](https://github.com/wuba/Picasso/releases/download/v2.2.3/picasso.sketchplugin.zip) =\u003e picasso.sketchplugin.zip 解压压缩包，双击安装即可，如下：\n\n![1.jpg](https://wos.58cdn.com.cn/IjGfEdCbIlr/ishare/f3c38c05-9051-4b87-b5ad-32439b0dfed71.jpg)\n\n安装完成后在sketch软件中使用插件，如下图所示：\n\n![two.gif](https://wos.58cdn.com.cn/IjGfEdCbIlr/ishare/43582d7b-0d66-4cc1-b240-7ba55aaa4acctwo.gif)\n\n### 功能介绍\n#### 选择画板\n- 选中画板：对当前选中的画板进行代码生成。\n- 全部画板：对所有画板进行代码生成。\n#### 生成代码\n- web代码：普通web代码，结构布局合理、代码可用度高；适用于移动端列表、详情等页面。\n- web运营版：采用绝对定位布局、代码还原度高；适用于运营活动页、静态页。\n- 微信小程序：生成微信小程序代码。\n- ReactNative：生成ReactNative代码。\n\n## 开发说明\n\n``` sh\n  # 插件目录\n  cd picasso\n  # 安装依赖\n  npm install\n  # 启动\n  npm start\n  # 打包\n  npm run build\n```\n## 贡献\n\n阅读我们的[贡献指南](https://github.com/wuba/Picasso/wiki/%E8%B4%A1%E7%8C%AE%E6%8C%87%E5%8D%97)，让我们一起构建一个更好的 Picasso。\n\n您可以将任何想法作为[拉取请求](https://github.com/wuba/Picasso/pulls)或[GitHub 问题](https://github.com/wuba/Picasso/issues)提交。\n\n如果您想改进代码，请参考上述 [开发说明](#开发说明) 。\n\n如果您是协作者，请按照我们的[Pull Request 原则使用](https://github.com/wuba/Picasso/wiki/PR-%E8%A7%84%E8%8C%83)[协作者模板](https://github.com/wuba/Picasso/compare)创建 Pull Request 。\n\n## 技术讨论\n\n欢迎参与Picasso项目的开发建设和讨论，[点击这里](https://github.com/wuba/Picasso/issues/26)进群讨论。\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwuba%2FPicasso","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwuba%2FPicasso","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwuba%2FPicasso/lists"}