蓝湖XD插件(Win+苹果版)

蓝湖XD插件是蓝湖产品设计协作平台的重要组成部分，它能够直接将AdobeXD中的设计稿一键同步到蓝湖平台，实现自动标注、共享切图和同步更新等功能。团队成员可以在线查看设计稿，避免了传统“手动标注-导出-打包-发邮件”的繁琐流程，大大提高了工作效率。除了基础的设计稿同步功能，蓝湖XD插件还支持画板连线和高保真交互原型制作，使设计师能够创建可交互的演示原型。对于设计团队来说，蓝湖XD插件减少了设计到开发的沟通成本，确保产品经理、设计师和工程师能够在同一平台上协作，缩短开发周期，提高整体工作效率。

蓝湖XD插件安装说明

1.安装与设置：首先从蓝湖官网下载插件安装包（后缀为.xdx），通过AdobeCreativeCloud进行安装。确保设备上已安装AdobeCreativeCloud并处于登录状态。安装完成后重启XD生效。
2.登录账号：打开XD左下角的插件图标，选择“Lanhu”。如果已有蓝湖账号，可通过密码登录、短信登录或浏览器授权登录；如果没有账号，可直接注册新账号。
3.标记切图：选中需要标记切图的组或图层，点击左侧或右下角工具栏的“添加导出标记”，或通过顶部菜单“对象”中的“添加导出标记”完成切图标记。如果不需要标记切图，可在相同位置取消。
4.上传设计稿：登录插件后，打开插件弹窗并选中要上传的画板或全部画板，选择适当的尺寸，点击插件窗口中的【上传】按钮即可。
5.选择设计倍数：根据设计需求选择适当的倍数设置（iOS@1X、@2X、@3X或Android相应倍数），这会影响设计图在蓝湖上的展示方式，但不会影响切图倍率，切图尺寸与源文件大小保持一致。
6.管理历史版本：当文件名称和画板ID两项一致时，上传操作会新增版本；两项中任何一项不一致，则会新增设计图。这一功能帮助团队更好地管理设计迭代。

蓝湖XD插件使用说明

1.下载安装 Adobe XD 插件

下载安装好【蓝湖 XD 插件】后，启动【蓝湖 XD】程序，登录你的蓝湖帐号，

并打开 Adobe XD。

★ 如果你之前下载安装过【蓝湖 Photoshop 插件】，【蓝湖 XD】程序会自动获取你的帐号信息，团队和项目都是之前 Photoshop
内的设置，可自行修改;

★ 如果你之前未使用过蓝湖，在蓝湖官网注册好帐号后，再登录【蓝湖 XD】程序。

2.设置切图

在 Adobe XD 的组或图层上，点击【批量导出标记】后，即可完成切图设置;

3.上传设计图

选中需要导出的画板，选择【文件】→【导出】→【蓝湖】;

(Windows系统)

在【蓝湖 XD】程序中，将设计图上传到蓝湖;

★ 除了自动标注和一键切图，通过【蓝湖 XD】插件将设计图上传到蓝湖之后，还可以进行画板连线、高保真交互原型制作等操作。

4.设计图历史版本更新规则

如果文件名称且画板 ID两项一致，上传则是新增版本;

两项内，任何一项不一致，则是新增设计图 。

蓝湖XD插件特点

1.一键同步：无需手动处理，只需一键即可将XD中的设计稿同步到蓝湖平台，极大提升了工作效率。
2.自动标注：自动生成精确的标注信息，开发人员可以直接查看和使用，减少了手动标注的工作量和错误率。
3.协作便利：团队成员可以在线查看设计稿并评论，客户反馈更加集中有序，减少了沟通成本。
4.版本管理：智能识别设计稿变更，支持版本历史记录，方便团队追溯设计迭代过程。
5.界面优化：新版插件界面更加简洁，不占空间，项目选择更加直观，可以看到树状结构，找项目更加方便。

蓝湖XD插件功能

1.批量导出标记：可以一次性标记多个切图点，简化了切图流程。
2.高保真交互原型：通过插件上传设计稿后，可以进行画板连线，创建高保真的可交互原型，演示效果更加生动。
3.自动生成代码：能够生成CSS、iOS、Android等格式的代码，开发人员可以直接复制使用，提高了开发效率。
4.切图压缩：支持一键切图压缩，无需二次加工图像文件，有效缩小应用和网站的图像大小，加快加载速度。
5.项目树状图展示：新版插件改进了项目选择界面，整个窗口展示项目的树状结构，找项目更加直观方便。
6.上传进度显示：清晰显示上传进度和画板数量，以及单个状态，让用户在上传大文件时更加安心。