我之前是一个前端程序员,后来转了产品,自己平时比较喜欢折腾工具类产品,尤其是界面设计工具。之前一直在用 Figma,它是一个比 Sketch 更牛逼的设计工具,而且现在越来越多的设计师开始用上它了。
一般来说,设计师做好的设计稿需要交给开发人员实现,这时候就需要一套交付工具,方便开发人员查看元素尺寸、间距、颜色等信息。Figma 本身自带交付功能,但是比较简单。同时因为 Figma 是基于 Web 的,数据都存储在云端,而且服务器在美国访问很慢,导致开发同学在查看设计师给的文件链接时很痛苦。于是我自己整了一个 Figma 的设计标注工具,相当于蓝湖之于 Sketch。
Figma Handoff 主要由以下几个功能:
-
基于 Web,不存储任何用户数据
通过 Figma API 获取设计数据,在浏览器端进行标注生成和下载,不存储任何数据,保证安全。 -
查看基本标注
查看尺寸、间距、色值等基本信息,自动生成参考代码。 -
不同平台标注设置
可以选择 Web、iOS 及 Android 等不同平台,标注会根据平台显示不同的单位或者倍数,支持小程序标注。 -
组件及样式
组件和样式是设计中的共用部分,这一块也会被一起导出,方便开发人员统一查看。 -
离线导出
离线导出标注文件给开发人员,本地即可查看。 -
开源且免费
目前代码已开源至 GitHub,使用免费。
相关链接: