On this page
About Heron Handoff
Heron Handoff is a free Figma plugin published by Hal Lee in 2020. It works in Figma Design and has 40,719 users and 1,284 likes on the Figma Community. It ranks #11 in Dev Handoff and #14 in Developers on our lists.
In the developer's words
Heron handoff can help you export offline developer-handoff files with design specs. for more please visit https://heronhq.com
Heron handoff 可以帮你导出离线设计标注,导出的文件可以直接交付给开发,开发可以很轻松地查看间距、色值等信息。
此处无法回复,有问题请这样反馈:
- 发邮件:leadream4@gmail.com
- 或者提 issue:https://github.com/hallee9000/heron-handoff/issues
Features 特性
- See distance, size, color, font and many other properties
- See colors in different format
- Customize platform, resolution and unit
- See styles/components with custom name convention
- Export images with custom name convention
- Export WebP images
- 查看距离、尺寸、颜色、文字等属性
- 以不同格式查看颜色值
- 自定义平台、像素密度和单位
- 查看样式组件,自定义命名风格
- 自定义切图导出命名风格
- 导出 WebP 格式切图
常见问题
English docs will be shipped out soon.😀
Links 链接
Open sourced code: https://github.com/hallee9000/heron-handoff
Plugin Open sourced code: https://github.com/hallee9000/heron-handoff-figma-plugin
What's new
Version 61 · released Aug 24, 2024
- remove dynamic page
Permissions and privacy
Network access
Heron Handoff can only connect to the 3 domains declared in its manifest: figma-hanoff-1255718578.cos.ap-guangzhou.myqcloud.com, hallee9000.github.io and rsms.me.
- figma-hanoff-1255718578.cos.ap-guangzhou.myqcloud.com
- hallee9000.github.io
- rsms.me
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest. Questions about data handling go to the developer's support page.
Where Heron Handoff ranks
Heron Handoff alternatives
- 1

Zeplin
by Zeplin Crew
291K users2.9KFree + paid featuresDesign tools are for designing. Zeplin is for clear, structured design delivery.
- 2

Measure
by Philip
158K users3.2KFreeAdd measurement lines and additional helpful information to your designs
- 3

Redlines
by Danny Keane
141K users3.8KFree - 4

Inspect Styles
by max.denaro
136K users3.9KFreeInspect styles from Figma and transform to CSS
- 5

Specs Classic
by Directed Edges Plugins
136K users5.5KFree + $8/mo upgradeGenerate component specs including anatomy, props and layout & spacing
- 6

DesignDoc [Spectral]: Measures, Annotations, and Handoff
by Marka Plugin Dev
132K users3KFree📐 Effortlessly hand off your Figma designs to the development team
Heron Handoff FAQ
What does Heron Handoff do?
Export design specs and sliced images with one click. It's a Figma plugin by Hal Lee that runs in Figma Design.
Is Heron Handoff free?
Yes. Heron Handoff is free to install and run from the Figma Community, with no paid tier listed.
Is Heron Handoff safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Heron Handoff can only connect to the 3 domains declared in its manifest: figma-hanoff-1255718578.cos.ap-guangzhou.myqcloud.com, hallee9000.github.io and rsms.me. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Heron Handoff?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Heron Handoff?
By user count, the closest alternatives are Zeplin, Measure and Redlines. Compare all of them on the best Figma plugins for dev handoff.
Built this plugin?
Use this page as a landing page for Heron Handoff: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/heron-handoff/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Heron Handoff on figmaplugins.co" width="220" height="48"></a>