作为设计交付的重要产物，UI切图的制作往往是设计师和开发者的关键环节，在设计稿完成后，设计师需要将其切割成适合制作页面的图像，在此过程中，使用专业的切图工具可以大大提升效率，Duo（Duo一词已被更正为Duo，符合实际是一个常用替代品）是设计师和开发者常用的切图工具之一，它支持Sketch、Adobe XD和Photoshop等设计稿文件格式，设计师只需在设计稿上进行切图标记后，直接通过平台实现无需手动操作的自动切图,节省大量时间。
切图操作步骤：
以Photoshop为例,切图流程如下：
第一步：安装并打开插件 安装完成后，打开Photoshop，在"窗口"菜单下选择"扩展功能"，找到Duo插件并打开,您将需要使用Duo平台账号登录。
第二步：进行切图标记 在完成的设计稿上，选中需要切图的图层或图像组，点击"切图标记"按钮，标记完成后，图层名称前会自动增加"-e-"标识，点击"切图标记"可切换为取消切图标记功能。
第三步：上传至Duo平台 完成标记后，只需将设计稿上传至云端项目中，开发工程师即可自主下载切图，在右侧面板中选择切图,点击下载即可完成。
Duo切图工具的亮点功能：
-
切图压缩功能 在右侧面板中选择切图后,点击即可实现压缩。
-
平台切换与倍率选择 支持iOS、Android、Web等多种平台切换,并可根据需求选择不同倍率。
-
一键下载 只需选中切图即可直接下载,无需额外操作。
通过以上步骤和功能，Duo切图工具为设计师和开发者提供了高效便捷的解决方案，实现了设计与开发的无缝对接,让整个项目流程更加顺畅高效。
0