Hacker News new | ask | show | jobs
by mattkevan 2702 days ago
It’s a pity they’ve shut down, though hopefully it can live on somehow as open source.

There’s a lot of activity in the Sketch/Figma/whatever to React space at the moment, including Hadron [0], Alva [1] and Lona [2].

There’s a real gap in the workflow between design - basically a drawing - and working code. Handoff tools like Zeplin help, but it seems redundant to build everything twice, first in a design and prototyping tool, then again in working code.

However I’m not sure where these tools fit in, as a team that uses React in production would have the skills - and would probably prefer - to dive in with code, rather than use the output of a code generator.

It’s meant to make things easier, but the tech is so complicated it’s way out of reach of those who might actually benefit from it.

[0] https://hadron.app

[1] https://meetalva.io

[2] https://github.com/airbnb/Lona

4 comments

>There’s a real gap in the workflow between design - basically a drawing - and working code.

In tools like Sketch and Figma you're digging for the underlying visual rules, one "component" or layer can have a ton of variations, and I can quickly compare and compose them side by side on a canvas. You build an evolving system to build design systems from.

In code you're implementing the version or composition that made it, one composition. Unless you can move, juggle and manipulate items as convenient as in design tools, exploring compositions with code is a much lesser experience for a designer, even if he can code.

To make tools that generate React/Vue code work well you have to go far and beyond what most of the front-end oriented tools currently do...At Codesolvent we're taking a different tack..some samples:

Showcase:

https://youtu.be/hgFkzrqxDcs

https://youtu.be/IpX47gAe150

Demos:

https://youtu.be/u6uV2X1MGeY

https://youtu.be/s2dYVret-Ck

https://youtu.be/X6pL0St6NM4

Happy to answer questions.

does anyone actually use this? it looks convoluted.
yes we do have users, there is a cloud hosted version in the works.

It is an object model based solution so it does take some getting used to...basically imagine your vue/react application constructed as an object model, the product provides a UI environment for creating and manipulating that model.

Of course there is always room for improving the workflow so what you see today is definitely not what we envision the final state to be. What we are really excited about is the underlying tech which is going to allow different UI based solutions.

I've been compiling a list of these design-to-component code apps here: https://github.com/skunkwerk/awesome-design-to-component-cod...
Wanted to add Modulz [3] to this list

[3] https://www.modulz.app/

Please add http://www.shift.studio to the list as well :)