作为 macOS 平台杀手锏级别的专业设计软件,Sketch近些年来几乎已经成了 UI 设计师们的标配。而这就带来了一个比较尴尬的问题,那就是如何在 Windows 电脑上也能查看你的设计师同事丢过来的 Sketch 格式源文件。
这也是著名图标资源网站 Icons8的程序员们所遇到的问题,鉴于他们老板死活不批经费换 Mac,又说服不了设计师妹子们改用 Photoshop。经过一番友好的磋商,他们最终决定开发一款 Windows 平台上的 Sketch 查看器——这就是本文要介绍的 Lunacy。1
完整预览 .sketch 文件
尽管 Sketch 官方并没有给出任何说明文档,但 Lunacy 的开发者们仍设法破译了其背后的秘密。不论是图层、形状还是文字,其显示效果都与 Sketch 原生应用相媲美。


此外,Lunacy 还提供了网格参考线及多种显示效果调整,让你能以最舒服的方式浏览当前文件。

在 Windows 上查看 Sketch 文件,可能会遇到的另一大问题就是字体了。而 Lunacy 则会在左上角提示当前所缺失的字体,只需一步点击,就能使用 Google 搜索字体下载链接,十分贴心。

简单易用的编辑功能
除了预览 Sketch 文件外,Lunacy 还提供了数种编辑工具。你可以添加文本、形状、图片等,也可以调整元素颜色、透明度、填充等细节信息,相信能满足绝大部分需求。

多种导出格式选择
编辑完成后,就需要导出了。借助 Lunacy,你可以将选中的元素保存为 PNG 或 SVG 格式的图片,或者直接导出整个文件。

此外,你还可以一键复制元素的 CSS 属性信息,直接应用到代码中去,免去其它转换操作。

你可以在 Microsoft Store 或 Icons8 官网免费下载 Lunacy,同时,它也提供了绿色免安装版本,可以说是非常良心了。
如果你想深入学习 Sketch 相关技能,欢迎关注少数派的「探索 Sketch」专栏。