前端仔的切图指南

2022-11-03 905 阅读1分钟

我们前端仔主要的日常工作就是和交互设计师的设计稿打交道。然而因为各种原因（设计师的粗心、想要更简单地实现），我们往往拿不到合适的切图。如果直接找设计师要，这一来二去，难免要浪费不少时间。

那，前端仔怎么切图呢？

前期的准备工作

下载 sketch 软件
找设计要一份以 .sketch 结尾的交互源文件

开始切图

主要步骤就是：

双击选中要切图的元素
在 sketch 右侧面板选中 Export 的 + 按钮
在配置完要导出的设置后（比如选择 svg 类型），点击下方的 Export Selected 导出图片

如果要把多个设计元素导出成一张图片怎么办。可以先将设计元素 Group 后再执行导出

关于我