Requirements

Handoff has one technical dependency. The published application can be run on any static web host.

Figma Plugin

The Figma plugin will work with all Figma accounts and does not depend on any third party tools.

CLI Tool

To run the Handoff CLI tool you need

  • Node 16+
  • NPM 8+.

The CLI uses the published libraries feature in Figma. To publish a library, you must have a paid Figma account. Once the library is published, free Figma accounts with access to the file can be used to fetch the data.

Framework Support

Out of the box, Handoff has native support for Bootstrap in the previews, and map files to connect the design tokens to a Bootstrap 5 site or application. If you use something other than Bootstrap, you can use the tokens to directly in your project.

Get going

Everything else is up to you. Handoff can be hosted on any HTML web service (GitHub pages, Cloudflare pages, s3/CloudFront, NGINX, etc.)

We recommend using git to commit the design system to a repo. We use the AWS CLI tool as part of the sample CI/CD for distribution in the demo code.