Filter Columns

Handoff Tools

Handoff tools help designers and developers stay in sync by extracting colors, spacing, and other properties to make coding the interface easier. Team members may also collaborate and take notes about the implementation through these tools.

Normally there's an ad here. 🤔

I run this site by myself, so it would be awesome if you turned off your ad blocker.

Name

Name of app

Usage

Based on the 2020 Design Tools Survey

Rating

Based on the 2020 Design Tools Survey

Platform

Which platforms can upload designs?

Cost

Estimated cost per year?

Free

Can be used for free without trial?

Programs

Compatible design programs?

Specs

Can create design specs?

Automatic

Can automatically generates specs?

Assets

Can export design assets?

Measure

Can measure distance and size?

Variables

Supports custom CSS variables?

Style Guide

Can automatically generate style guide

Guides

Can display layout guides from design apps?

Layers

Can show layer tree?

Comments

Other can leave comments?

Revisions

Can save versions of files?

Sharing

How others can access designs?

Figma LogoFigma
(1416)
$144

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

No variables or tokens

No style guides

Guides can be viewed in handoff

Layers accessible in handoff

Reviewers can leave comments

Can't view past revisions

Zeplin LogoZeplin
(646)
$180

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

Sync CSS color variables

Automatic style guide

Guides can be viewed in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Revision stored with handoff

InVision LogoInVision
(301)
$180

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

No variables or tokens

No style guides

Guides can be viewed in handoff

Layers accessible in handoff

Reviewers can leave comments

Revision stored with handoff

Adobe XD LogoAdobe XD
(269)
$120

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

No variables or tokens

Automatic style guide

Guides not present in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Can't view past revisions

Abstract LogoAbstract
(161)
$108

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

Variables not supported

No style guides

Guides not present in handoff

Layers accessible in handoff

Reviewers can leave comments

Revision stored with handoff

Sketch Measure LogoSketch Measure
(98)

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes using Spec Export

Sync CSS color variables

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Comments not supported

Can't view past revisions

UXPin LogoUXPin
(75)
$240

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

No variables or tokens

Automatic style guide

Guides not present in handoff

Layers accessible in handoff

Reviewers can leave comments

Revision stored with handoff

Marvel LogoMarvel
(0)
$144

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

No variables or tokens

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Comments not supported

Can't view past revisions

Avocode LogoAvocode
(24)
$168

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

Sync CSS color variables

No style guides

Guides can be viewed in handoff

Layers accessible in handoff

Reviewers can leave comments

Revision stored with handoff

Sympli Handoff LogoSympli Handoff
(18)
$180

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

Sync CSS color variables

No style guides

Guides can be viewed in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Revision stored with handoff

Frontify LogoFrontify
(0)
$348

Supports specs

Specs must be manually created

No asset exporting

Can measure distances and sizes

Sync CSS color variables

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Revision stored with handoff

Justinmind LogoJustinmind
(0)
$228

Supports specs

Automatically generated specs

Export assets and images

Can measure distances and sizes

No variables or tokens

No style guides

Guides not present in handoff

Layers accessible in handoff

Reviewers can leave comments

Revision stored with handoff

Marketch LogoMarketch
(0)

Supports specs

Specs must be manually created

No asset exporting

Can measure distances and sizes

No variables or tokens

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Comments not supported

Can't view past revisions

Markly LogoMarkly
(0)

Supports specs

Automatically generated specs

No asset exporting

Can measure distances and sizes

No variables or tokens

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Can't view past revisions

Red Pen LogoRed Pen
(0)
$240

No specs

Specs must be manually created

No asset exporting

No measurements

No variables or tokens

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Revision stored with handoff

Specctr LogoSpecctr
(0)
$108

Supports specs

Specs must be manually created

No asset exporting

Can measure distances and sizes

No variables or tokens

No style guides

Guides not present in handoff

Layer hierarchy not present in handoff

Reviewers can leave comments

Revision stored with handoff