Live data from Hacker News

Launch HN: Noya (YC W23) – a new kind of design tool

news.ycombinator.com

31–40 of 120 posts

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#31

This seems spectacular, and I already would have added my CC and purchased a subscription, except for two major things: 1) I don't use react, I use web components. This product seems very React centric, which kills it for use for a lot of people 2) It's not helpful to me to be limited to the Chakra UI design system, in order for this to be useful for my teams, I'd need to be able to add our web component design syste…

Thanks for the feedback! This is super valuable.

1. There isn't anything fundamental about that tool that requires React. We have a lot of React experience and it's a very popular framework, so it made sense for us as a place to start, but we can definitely consider supporting other options.

2. Absolutely! We have a first draft of our mapping protocol already that works reasonably well, but still needs more iteration before we open things up. It supports a custom hook for attaching things to the DOM, so shouldn't require React specifically either.

Can you share a little about how you use web components, so we can better understand what an integration should look like? Do you use any kind of JS framework (at build time or runtime)? Do you use JSX, or is it all vanilla HTML?

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#32

This seems pretty cool! As a dev who is, for lack of design resources on my team, frequently asked to pretend to be a designer, this could very much come in handy! That said, the real value to me would be using this tool to make medium-fidelity mockups that look like my existing site. It looks like maybe your templates would allow me to make mockups in Noya that match my existing colors/etc, but I'd be coupled to Cha…

At the moment, yes, since our MVP is still pretty limited. We have a first draft of a protocol for integrating any components/theme into Noya that should support the use case you're describing. It still needs some more iteration though before we ship it!

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#33
post #31

This seems spectacular, and I already would have added my CC and purchased a subscription, except for two major things: 1) I don't use react, I use web components. This product seems very React centric, which kills it for use for a lot of people 2) It's not helpful to me to be limited to the Chakra UI design system, in order for this to be useful for my teams, I'd need to be able to add our web component design syste…

Thanks for the feedback! This is super valuable. 1. There isn't anything fundamental about that tool that requires React. We have a lot of React experience and it's a very popular framework, so it made sense for us as a place to start, but we can definitely consider supporting other options. 2. Absolutely! We have a first draft of our mapping protocol already that works reasonably well, but still needs more iteration…

Pretty much vanilla, but it depends on the component.

For components that need reactivity and have frequent renders, I use lit-html for rendering on a property setter change.

I mix and match components from different frameworks, I use vaadin-router, but sometimes include lightweight components from other systems too (ionic, shoelace, mwc, etc...).

Mostly though, it's just light-dom vanilla Web components with bootstrap (or similar) for base styles.

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#35

How does it look at different screen resolutions? Are the generated designs responsive, so that they work on phones and tablets as well?

Right now the individual components are responsive, but the entire design as a whole isn't (i.e. top-level components are absolute positioned). This is definitely an area we want to improve a lot, and allow users to customize what happens at different resolutions.

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#36
post #31

Earlier quoted context omitted.

Thanks for the feedback! This is super valuable. 1. There isn't anything fundamental about that tool that requires React. We have a lot of React experience and it's a very popular framework, so it made sense for us as a place to start, but we can definitely consider supporting other options. 2. Absolutely! We have a first draft of our mapping protocol already that works reasonably well, but still needs more iteration…

Pretty much vanilla, but it depends on the component. For components that need reactivity and have frequent renders, I use lit-html for rendering on a property setter change. I mix and match components from different frameworks, I use vaadin-router, but sometimes include lightweight components from other systems too (ionic, shoelace, mwc, etc...). Mostly though, it's just light-dom vanilla Web components with bootstr…

Got it! Thanks for the info, it's very useful to understand the workflow.

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#37

This seems spectacular, and I already would have added my CC and purchased a subscription, except for two major things: 1) I don't use react, I use web components. This product seems very React centric, which kills it for use for a lot of people 2) It's not helpful to me to be limited to the Chakra UI design system, in order for this to be useful for my teams, I'd need to be able to add our web component design syste…

Amazing. I was about to write literally the same. Stick to web components and plain JS. Add some small routing library of your own if needed and ability to import web components.

Basically look at what Delphi / Lazarus / MS .NET Form Designers do and replicate best parts of it.

Re: Launch HN: Noya (YC W23) – a new kind of design tool

#39

> There’s plenty of room for improvement, especially around responsive layouts How is the accessibility of the generated UI?

Right now it's not very good since that hasn't been a focus for us yet - but both David and I worked on fairly advanced design tools for accessibility while at Airbnb, so we have a lot of ideas here!
Post reply on HN