0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#11 in Dev Handoff

Heron Handoff

Export design specs and sliced images with one click.

by Hal Lee

users
41K
likes
1.3K
saves
27K
comments
35
FreeWorks inFigma Design
Price
Free
Latest version
v61 · Aug 24, 2024
First published
Apr 9, 2020
Publisher
Hal Lee
Features

What Heron Handoff does

Summarised from Hal Lee's description on the Figma Community.

  • 此处无法回复,有问题请这样反馈:

    发邮件:leadream4@gmail.com. 或者提 issue:https://github.com/hallee9000/heron-handoff/issues

  • 常见问题

    为什么我选了 @2x 标注变成一半了?. 为什么我的标注错位了?

  • Manifest

    Heron handoff

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

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 可以帮你导出离线设计标注,导出的文件可以直接交付给开发,开发可以很轻松地查看间距、色值等信息。

此处无法回复,有问题请这样反馈:

  1. 发邮件:leadream4@gmail.com
  2. 或者提 issue:https://github.com/hallee9000/heron-handoff/issues

Features 特性

  1. See distance, size, color, font and many other properties
  2. See colors in different format
  3. Customize platform, resolution and unit
  4. See styles/components with custom name convention
  5. Export images with custom name convention
  6. Export WebP images
  1. 查看距离、尺寸、颜色、文字等属性
  2. 以不同格式查看颜色值
  3. 自定义平台、像素密度和单位
  4. 查看样式组件,自定义命名风格
  5. 自定义切图导出命名风格
  6. 导出 WebP 格式切图

常见问题

  1. 为什么我选了 @2x 标注变成一半了?
  2. 为什么我的标注错位了?
  3. 切图如何导出?
  4. 为啥我的网页上的切图没有下载按钮?
  5. 如何导出样式及组件?

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

Changelog

What's new

Version 61 · released Aug 24, 2024

  • remove dynamic page
Trust

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.

Rankings

Where Heron Handoff ranks

Compare

Heron Handoff alternatives

  1. 1

    Zeplin

    by Zeplin Crew

    291K users2.9KFree + paid features

    Design tools are for designing. Zeplin is for clear, structured design delivery.

  2. 2

    Measure

    by Philip

    158K users3.2KFree

    Add measurement lines and additional helpful information to your designs

  3. 3

    Redlines

    by Danny Keane

    141K users3.8KFree
  4. 4

    Inspect Styles

    by max.denaro

    136K users3.9KFree

    Inspect styles from Figma and transform to CSS

  5. 5

    Specs Classic

    by Directed Edges Plugins

    136K users5.5KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

  6. 132K users3KFree

    📐 Effortlessly hand off your Figma designs to the development team

FAQ

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.

For developers

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.

Heron Handoff on figmaplugins.co

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>