软件介绍
相关插件

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打开 / 关闭插件面板。

相关插件

更多

客服QQ:

客服微信

返回顶部