【自荐】设计软件 Figma 交付工具,支持离线导出

我之前是一个前端程序员,后来转了产品,自己平时比较喜欢折腾工具类产品,尤其是界面设计工具。之前一直在用 Figma,它是一个比 Sketch 更牛逼的设计工具,而且现在越来越多的设计师开始用上它了。

一般来说,设计师做好的设计稿需要交给开发人员实现,这时候就需要一套交付工具,方便开发人员查看元素尺寸、间距、颜色等信息。Figma 本身自带交付功能,但是比较简单。同时因为 Figma 是基于 Web 的,数据都存储在云端,而且服务器在美国访问很慢,导致开发同学在查看设计师给的文件链接时很痛苦。于是我自己整了一个 Figma 的设计标注工具,相当于蓝湖之于 Sketch。

Figma Handoff 主要由以下几个功能:

  • 基于 Web,不存储任何用户数据
    通过 Figma API 获取设计数据,在浏览器端进行标注生成和下载,不存储任何数据,保证安全。
  • 查看基本标注
    查看尺寸、间距、色值等基本信息,自动生成参考代码。
  • 不同平台标注设置
    可以选择 Web、iOS 及 Android 等不同平台,标注会根据平台显示不同的单位或者倍数,支持小程序标注。
  • 组件及样式
    组件和样式是设计中的共用部分,这一块也会被一起导出,方便开发人员统一查看。
  • 离线导出
    离线导出标注文件给开发人员,本地即可查看。
  • 开源且免费
    目前代码已开源至 GitHub,使用免费。

相关链接:

看起来👀不错