如何在Chrome浏览器中从Adobe XD设计链接导出PNG、SVG等资源？

操作步骤 #

• 打开设计师分享的Adobe XD在线预览链接，进入设计页面
• 点击选中需要导出的图标、图片等目标元素
• 在页面右侧的属性面板中，找到导出模块（一般位于CSS样式属性下方）
• 点击导出模块的下拉菜单，选择所需的导出格式（如PNG、SVG、JPG），还可按需设置分辨率（1x/2x/3x）
• 确认设置后点击导出按钮，资源会直接下载到浏览器默认的下载目录

常见问题处理 #

• 若选中元素后未显示导出选项：检查元素是否被分组或锁定，点击顶部工具栏的取消分组或解锁按钮，重新单独选中目标资源即可
• 若仍无法导出：可能是设计师未在源文件中为该元素设置导出切片，或未开放导出权限，直接联系设计师确认即可

内容的提问来源于stack exchange，提问作者INcre