<aside> 👀 Welcome to Handoff's documentation! This document describes the core features of Handoff. Can't find what you're looking for? Feel free to reach out.

</aside>

Introduction


How to adopt Handoff

How to integrate Handoff in your codebase

How to use Handoff


🖥️ Intro to the Designer

Overview

Navigator

Artboard

Inspector

🖌️ Styling elements

Size

Spacing

Typography

Fill

Border

Effects

Interaction states

🎨 Design tokens

Colors

Text styles

📱 Responsiveness

Breakpoints

Importing your designs


Import from Figma to Handoff

➕ Inserting elements

How to insert elements

📐 Understanding layout

How layout works

Display

Align and Justify

Position

⚛️ Reusable components

Create components

Reusing components

Exporting your designs

UI library (Alpha)

PDF & Images

HTML Pages

Features in development

Publishing your site

Contribute


Write your own Exporters