软件介绍
相关插件
Dapollo插件是一款可以在苹果电脑MAC OS X平台上使用的基于Sketch平台的设计插件集,由蚂蚁金服设计团队联合iconfont平台推出。支付宝Dapollo for Mac包含了组件库、页面模板库、色彩库、图标库等设计素材帮你更高效的完成设计工作。同时支持设计稿一键导出前端代码,实现了设计开发一体化。
Sketch插件Dapollo安装教程
Sketch一站式设计开发工具 Dapollo插件 for mac镜像包下载完成后,先打开Sketch软件,然后双击打开Dapollo.sketchplugin
在菜单栏插件一栏下我们看到Dapollo插件已经安装好了。
Sketch一站式设计开发工具Dapollo插件 for mac 插件功能
组件库
- 支付宝设计团队提供了几十类设计组件,让设计师在短时间内快速完成原型绘制,而且不需要调整,只需要选择类型、改字、换图,感觉非设计师比如产品经理都能直接使用。
模板库
- 基于移动设计的100多个页面模板,覆盖多种行业。比较良心,该有的都有了,而且有很大的自定义空间。
设计生成代码
- 针对组件提供对应的开发代码。选中需要导出的设计元素,点击导出就能生成代码,直接可以给前端开发使用。
图标库
- 对接了 Iconfont 全矢量图标库,同时还有支付宝场景图标,点击插件面板 icon 拖入使用。
色彩库
-
每一个颜色展示用途,选中颜色后可快速用于对应的元素的 填充 和 描边 及色值
-
说下感想,这个版本相比于其他插件内容更多更精致更实用,几乎每个功能都能帮助设计师提升效率,同时导出代码真的是大杀器,相信未来开发人员也会很喜欢。
Dapollo插件特色介绍
设计模版,覆盖十大移动设计模式
- 基于移动设计的不同场景,提炼总结出十个页面设计模式,并且提供设计模版。通过拖拽模版,一键完成页面设计,点击插件面板 模版 拖入使用。
设计开发一体化,一键快速复制代码
- 图标库的每一个图标、组件库的每一个组件,都提供对应的开发代码。同时支持 iOS、Android、Html5、小程序四个开发平台,选中需要导出元素,点击插件面板 导出 在弹出面板复制代码使用。
色彩库
- 每一个颜色展示用途,选中颜色后可快速用于对应的元素的 填充 和 描边 及色值,点击插件面板 色彩库 使用。
使用方法
- 执行 Plugins > Dapollo > Open Dapollo Board 或使用快捷键 command ⌘ + shift ⇧ + B打开 / 关闭插件面板。