Open-source and Figma compatible
Automate design asset delivery and transformation and eliminate bottlenecks between design and development with Handoff. Empower your teams and stakeholders to preview and approve in one place.
padding: 16px 30px
Extract standardized design foundations and components from Figma.
Transform design tokens to CSS variables (Bootstrap compatible).
Automate, preview and ship with easy CI/CD integration.
Auto-updating documentation, works like magic
Enable design and development teams to always stay on the same page with live preview examples in a dedicated web app from approved design decisions in Figma. Effortlessly preview, copy, share all your front end standards.
Design tokens manager allows teams to preview and use tokens that shape live components.
Yes, Handoff is available as a MIT Licensed open source project.
Anyone with basic coding and Figma knowledge can get Handoff running in a few minutes. Project documentation and a step by step guide is available here.
Handoff supports export native Bootstrap styles maps and previews. If you use a different frontend framework, you can customize the maps and previews to match you framework.