Haiku

UI-builder that unifies design & code

3 followers

Visit website
•
•
Think of Haiku as a design portal to your team's codebase. Use Haiku to: * Design imaginative UI components * Snap them into existing codebases (Web, iOS, Android) * Then keep iterating on them from your design tools, hand-in-hand with developers Haiku helps your team build your product, together.
Haiku gallery image
Haiku gallery image
Launch tags:
Design Tools•Developer Tools
Launch Team

What do you think? …

Chris Messina
Hunter
Super excited for this launch! It's been a long time in the making... and it's about time designer-developers had a powerful animation tool to replace Flash that also can update components and spit out native code, right to the browser. Of course, the thought behind this product goes way deeper than that, but that's my initial reaction. What a great time to be a designer! (And a developer!) @zackaboo — can you tell us a little more about your personal motivation and inspiration to tackle this opportunity?
Zack Brown
Maker
Thanks @chrismessina ! Designer-developer collaboration is tough. Having been a designer, developer, and manager of designers & developers through my career, I've suffered this pain from many angles. The core of the problem is: design and dev tools speak different languages. Though designers' and developers' output is both 'pixels,' they're 'different pixels'. If they could only speak a common language, then we could design, code, and design again. Haiku is a design tool built on a common language — our design file format _is code_ (open source, too: https://github.com/HaikuTeam/core ), so as designers design, we can e.g. track changes with git, and let them "publish" (git push) with a click to share their designed components with developers. Developers can then install designed components with npm/yarn, or pull the latest with git. This foundation enables some crazy stuff, like live-reloading a codebase while making changes in Sketch. Though we've been building Haiku in a closed beta for 18 months, today's just the beginning! We have so much ahead on our roadmap, but we're excited to finally open the gates and invite folks to take Haiku for a spin.
Ghost Kitty
Comment Deleted
Zack Brown
Maker
Hey @itsnblackburn , we're aiming to ship Windows support mid-2018. Not too much longer :) I sure wish we could be EVERYTHING for EVERYONE, right NOW! But as a small, bootstrapped team, we have to prioritize — and focusing on one desktop platform to start helped us ship sooner.
Ghost Kitty
Comment Deleted
Rodolphe Béjot

It's brillant.

Please don't do a monthly billing :(

Pros:

Great Interface

Easy to understand (thanks to the tour guide)

Work with Sketch and React

It's free (but it can change I think)

Cons:

Only for mac, for the moment