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 design-to-development handoff.
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 choice.
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 native CSS variables.