Handoff is a design tool that allows you to visually create user interfaces and export to HTML, CSS and Vue code.
Handoff gives designers and developers an extensive design tool that allows them to design and build UIs simultaneously. A tool that feels design, but breathes code. An all new way for both teams to jump in on the action, and create great digital products – together.
"With Handoff, I have tripled my added value as a UI designer. Because now I don't just deliver a visual idea – I deliver a full-fledged prototype, code included. In fact, I am now the engineering teams' head start on their way to a working product."
Stop creating pixel perfect visual representations of your UI –
Start creating the real thing! Handoff feels familiar to traditional
design tools, but it’s jam-packed with features for an iterative
Choose from a library of 35+ pre-built UI elements, including
native web elements like headings, input fields and buttons.
Piece them together to create reusable components and import
or copy-paste them into your codebase in your language of
From portrait phones to large desktops, quickly optimise your
UI for all devices. Drag the viewport to preview what it looks
like on various devices and hand off native
CSS media queries
for your developers to implement.
Keep your designs and codebases in sync by assigning reusable
tokens for colours and text styles. Design tokens export to