腾讯出品!设计协作神器 支持Adobe XD自动标注

CoDesign设计协作平台提供一站式的协同设计能力,帮助互联网产品设计团队提升协作效率、保障设计质量,及有效管理和使用设计资产。CoDesign 支持在线预览设计稿、自动生成设计标注切图、图标库、素材库、设计规范等多项能力,无缝衔接产品经理、设计师、开发工程师、企业管理者等用户角色。

CoDesign是腾讯用户研究与体验设计部提供的一站式设计协作平台,使用CoDesign提供的插件,可以将Adobe XD画板内容一键上传至云端,上传后支持团队共享、自动标注、在线预览和评论。

除此之外CoDesign还提供图标库、素材库等功能,后期还会支持设计规范管理。官方介绍如下:

CoDesign设计协作平台提供一站式的协同设计能力,帮助互联网产品设计团队提升协作效率、保障设计质量,及有效管理和使用设计资产。CoDesign 支持在线预览设计稿、自动生成设计标注切图、图标库、素材库、设计规范等多项能力,无缝衔接产品经理、设计师、开发工程师、企业管理者等用户角色。

CoDesign的Adobe XD插件可以在官网“下载插件”页面直接下载,同时也提供Sketch插件,下载的Adobe XD插件为.xdx格式,双击按提示安装即可(前提是已安装较新版本的Adobe XD)。

XD插件安装完成之后,在XD插件面板中首次打开该插件需要登录,支持微信或手机QQ扫码登录和手机验证码登录,使用微信或手机QQ扫码登录未绑定手机号的需绑定手机号,登录之后再次打开该插件使用无需登录。登录页面还可以设置界面语言,提供英文和中文两种语言可选择。

登录之后上传画板需选择团队、项目和分组,如没有需点击对应的右侧+号前往网页端创建,在网页端创建完之后点左上角昵称右侧的刷新图标可以刷新加载,然后选择创建的团队和项目,分组和编组可在插件中创建。

CoDesign会保存历史版本,上传时可以勾选“上传源文件”并选择本地电脑上对应的源文件一并上传,“更新记录”可填写当前版本的简介和备注。插件支持上传全部画板或选中的画板,选择之后点击“上传”按钮上传。

上传完成之后,点“查看在线设计稿”可前往网页查看。

在网页中可以直接查看标注信息,开发点击对应的属性值可直接复制使用,支持常规的宽高、位置、颜色、不透明度、阴影和文本的字体、字重、字号、行高、文本内容等开发所需的内容,同时提供CSS、Android、iOS的样式代码。

CoDesign也提供了切图功能,可以在Adobe XD的图层面板对需要切图的图层添加导出标记,上传后开发人员在“页面切图”中可直接下载切图,下载切图时常用的尺寸和图片格式均支持。

左侧的分享按钮可以直接生成链接分享该团队其他成员查看,支持密码保护功能。

除此之外,CoDesign还提供在线预览、评论、原型、TAPD需求关联、共享、图标库等丰富的功能,大家可以根据自己的需要在CoDesign官网学习和查看,CoDesign官网:https://codesign.qq.com