阿里推出sketch插件神器——Dapollo
蚂蚁金服设计团队联合iconfont平台推出了一款基于Sketch平台的设计插件集,其中包含了组件库、页面模板库、色彩库、图标库等设计素材帮你更高效的完成设计工作。同时支持设计稿一键导出前端代码,实现了设计开发一体化。
Dapollo
蚂蚁金服联合 Iconfont 推出的一站式设计开发工作台
安装
- 下载并解压
Dapollo.zip
- 双击
Dapollo.sketchplugin
完成安装
使用
执行 Plugins > Dapollo > Open Dapollo Board 或使用快捷键 command⌘+ shift⇧+B打开 / 关闭插件面板
轻松接入支付宝业务矢量图标
接入 Iconfont 全矢量图标库,同时补充生活、服务、商业、教育等各类支付宝场景图标,点击插件面板 icon
拖入使用
拖拽式设计组件库
支付宝设计团队打造几十类设计组件,让设计师在短时间内快速完成原型绘制,完成高品质的方案设计,点击插件面板 组件库
拖入使用
设计模版,覆盖十大移动设计模式
基于移动设计的不同场景,提炼总结出十个页面设计模式,并且提供设计模版。通过拖拽模版,一键完成页面设计,点击插件面板 模版
拖入使用
设计开发一体化,一键快速复制代码
图标库的每一个图标、组件库的每一个组件,都提供对应的开发代码。同时支持 iOS、Android、Html5、小程序四个开发平台,选中需要导出元素,点击插件面板 导出
在弹出面板复制代码使用
色彩库
每一个颜色展示用途,选中颜色后可快速用于对应的元素的 填充
和 描边
及色值,点击插件面板 色彩库
使用
2020-11-02