Handoff

Handoff is a design tool that allows you to visually create user interfaces and export them to code – without writing code.

[Handoff @Handoff_app]

Time to close up shop. It was fun while it lasted! Thanks to everyone for supporting us along the way.

For everyone interested, Handoff will remain available and online on a best-effort basis.

[Nick van den Berg @NvdB31]

A while ago, I’ve made the hard decision to quit Handoff, the design tool that translates to code. So... one more to add to the startup graveyard. 😅 A short story:

[Handoff @Handoff_app]

🆕 The Figma to Handoff plugin is now live on the @figmadesign community!

Give it a try with your Auto Layout enabled Figma designs, and let us know what you think! 😉

https://t.co/gybuYESTRy

[Handoff @Handoff_app]

Exciting times ahead! 🔥

[Nick van den Berg @NvdB31]

Coming to @Handoff_app later this year – the @figma to Handoff plugin! ⚡️

✔︎ Copy-paste designs from Figma to Handoff
✔︎ Converts Figma Auto Layout to CSS flex
✔︎ Converts Figma color tokens to CSS variables
✔︎ Auto imports components, images, vectors and more

[Handoff @Handoff_app]

Go check out the v0.3-alpha ✨

[Nick van den Berg @NvdB31]

Improving the tactile design experience is easily my #1 favourite thing for me to work on for @handoff_app. The v0.3-alpha is out now, and it brings a number of cool improvements, such as these on-canvas margin/padding controls. 😍👇

[Handoff @Handoff_app]

Soon... 💫

[Nick van den Berg @NvdB31]

Almost ready for the @Handoff_app release: Style tokens! Lets you define a color palette and text styles to create themed designs.

With these tokens, it becomes a bliss to quickly explore different themes based on the brand's properties. 😏

[Handoff @Handoff_app]

If you haven't already, sign up for our community on Discord to get notified when it launches: https://t.co/7n6u5mlasx

[Handoff @Handoff_app]

Coming to the Handoff 0.2.1-alpha release this week: Color Tokens! 🎨

An all new panel that allows you to theme your designs by naming and assigning reusable color tokens. Here's how it works 👇

[Handoff @Handoff_app]

When exported, Color Tokens are translated to CSS variables and included as a variables.css stylesheet. This allows you implement the tokens across your project, even for UI components not created with Handoff. 🔥

[Handoff @Handoff_app]

@SmokeOnDank Great to hear! Vue 3 is on our radar, but unfortunately we can't give an ETA yet.

[Handoff @Handoff_app]

Today, we’re launching the first Handoff public Alpha Preview – now anyone can use Handoff! 🚀

[Handoff @Handoff_app]

We’re excited to see what you’ll build with the new Handoff Alpha Preview. To get started, sign up here (desktop only): https://t.co/qqtWI7OLu0

[Handoff @Handoff_app]

Features you can expect to land in the coming months:
- Style tokens (theming)
- Dynamic components with support for props and slots
- Even more pre-built UI elements

[Handoff @Handoff_app]

@chrislaupama Thanks Chris! 😊

[Handoff @Handoff_app]

Just posting this here to get some eyeballs on our new logo. What do you think? 👀