本文内容测试版本： dapollo-3.3.01 sketch-70.4

image.png

安装

1.下载并解压 Dapollo.zip
2.双击 Dapollo.sketchplugin 完成安装
3.重启sketch应用

版本要求：macOS >= 10.13 ； Sketch >= 47

官方最新安装包下载：
https://dapollo.alipay.com/
image.png

使用

在Plugin菜单中点击 Dapollo / Open Dapollo Board ，右侧菜单就会打开插件面板
image.png

功能介绍

Dapollo插件是由蚂蚁金服联合 Iconfont 推出的一站式设计开发工作台，内置了支付宝、淘宝、千牛等多套阿里小程序的设计资源，可以帮助你高效的完成设计工作。
image.png
组件、模板、icon，只需要轻松拖拽，即可完成设计。同时对应的转代码功能更可以让你设计开发一体化，提高协作效率，设计师可以躺着设计啦！
toola-573c0b2d.giftool1-f3b90580.gif

代码导出

图标库的每一个图标、组件库的每一个组件，都提供对应的开发代码。同时支持IOS、Android、H5、小程序四个开发平台。
image.png

自定义组件库

设计生涯这么多年，是不是做了很多设计稿，很多用完就不再会打开，但是里面的很多组件、图标、模块等都是可以在其它设计中可以复用等，但是没法组合成一套统一的UIkit。dapollo就可以将这些组件收集起来，每个文件都可以调用。
image.png image.png

安装包下载：
https://dapollo.alipay.com/