身为一名网站前端工程师，关于“工程师与设计师如何进行合作，进而能完成更好的作品”一直是个让我感兴趣的议题。

当然这个议题范围相当广泛，从规格规范、工作流程、彼此的换位思考，到各式能提升效率的工具等等。

去年认识了几位网页设计领域相关的朋友，在工作之余的分享小聚中，得知“Sketch”这个好用的应用程序，它似乎能改善工程师与设计师合作时遇到的许多痛点。

今年才来介绍 Sketch 是有些 Lag，不过还是纪录一下我的试用过程吧。

由于每间公司的工作流程，以及部门配置都不大一样，因此每个人在这段合作过程中遇到的痛点也各有不同，就简单列一些我遇过，以及从其他前端、设计朋友那边听过的吧。

工程师怎么都不照 mockup 实做，出来的成果总是歪嘴眼斜。

少了设计眼的工程师，实做时对于色码与间距总感受不到细微差异。

在工作流程中加入“设计师必须提供 mockup 及 design spec”的流程，但标注每个细项（间距、宽高、色码等）实在是旷日废时且无趣的工作。

标注出来的规格表密密麻麻，让人看到脱窗，很可能还会漏标或是漏看。

设计师缺乏元件化的概念，每一个单元的按钮都有不知道是不是手误造成的些微差异，无法重复沿用。

想要针对设计稿进行讨论再实做，但不知怎么进行。

有些公司里设计师不负责制成网页，但是 PSD 图层又乱得毫无章法，要切图与排成网页很让工程师头痛。

工程师拿到设计稿进行网页实作时，PM 也没提供文案，只能开 PSD 复制文字或是自己打。

需求是个 RWD 网站，但设计稿只做了桌面版的大小，其他规格总是被遗忘，只好自己脑补。

那么 Sketch 能帮助我们什么呢？当然，必须先说的是，它并无法解决所有的痛点，有些问题其实不在工具。