Handoff (@Handoff_app) header
Handoff (@Handoff_app) profile picture

Handoff

@Handoff_app

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

handoff.design
Joined March 2019
  • Tweets40
  • Following2
  • Followers461
1Media
Photo by 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) profile pictureNick van den Berg@NvdB3130 Nov 2022
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:
Image from Nick van den Berg (@NvdB31)
2
4
🆕 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! 😉 figma.com/community/plugin/9…
Figma to Handoff | Figma

Figma to Handoff | Figma

With the Figma to Handoff, you can quickly convert your designs to HTML, CSS and Vue code. It allows you to copy-paste Auto Layout enabled layers to Handoff. From the Handoff interface, you can...

figma.com
3
1
15
Exciting times ahead! 🔥
Nick van den Berg (@NvdB31) profile pictureNick van den Berg@NvdB3115 Sep 2021
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
1
4
Go check out the v0.3-alpha ✨
Nick van den Berg (@NvdB31) profile pictureNick van den Berg@NvdB314 Aug 2021
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. 😍👇
1
4
Soon... 💫
Nick van den Berg (@NvdB31) profile pictureNick van den Berg@NvdB3128 May 2021
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. 😏
3
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 👇
1
1
1
4
more replies
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. 🔥
1
1
If you haven't already, sign up for our community on Discord to get notified when it launches: discord.gg/5DF8JbyrgK
1
Today, we’re launching the first Handoff public Alpha Preview – now anyone can use Handoff! 🚀
1
2
4
more replies
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
1
We’re excited to see what you’ll build with the new Handoff Alpha Preview. To get started, sign up here (desktop only): app.handoff.design/signup
1
Just posting this here to get some eyeballs on our new logo. What do you think? 👀
1
1
4
🤯 If only your design tool could do this... Check out this @Pinterest UI, built in @Handoff_app. ✔️Fully responsive ✔️Exportable to a plug-n-play library of UI components. Take note, @PinterestEng 😜
2
1
5
Replying to @MengTo
Accessibility is a big argument for no-code tools. There’s a reason why still only <0.3% of the world population knows how to code. Despite all the frameworks and tutorials out there, the barrier to entry is high, esp. for people without schooling or background in IT.
2
2
4
Load more