51–60 of 120 posts
This approach seems to work because you have rightfully assumed that 95% of what we create is template-driven.
So lets say I bought Tailwind premium how do I import those components in Noya
However, we're working on enabling additional design systems. We'll provide the integration for some of those (Material Design is next, but we can look into what it would take to support the premium Tailwind UI components). It will also be possible to integrate your own custom design system. We'll have more to share on this soon.
The video is pretty slick, however i can't help but be reminded of the other story that hit the HN frontpage earlier today: "The age of average" https://www.alexmurrell.co.uk/articles/the-age-of-average These designs are not new and exciting, quite the opposite. I'm happy to be proven wrong!
Put differently, Noya feels like an exploration tool. When exploring, tents are fine. They do not provide a lot of comfort, but replacing them with houses while still exploring might not be optimal :-) Personally I don't mind average tents, as long as they don't leak.
EDIT: Hmmm, maybe Noya is actually between a tent (Balsamiq) and a house (Figma) - something like an RV? :-D
The video is pretty slick, however i can't help but be reminded of the other story that hit the HN frontpage earlier today: "The age of average" https://www.alexmurrell.co.uk/articles/the-age-of-average These designs are not new and exciting, quite the opposite. I'm happy to be proven wrong!
That's a very interesting point. By guiding people down the "happy path" with "guardrails", we may end up in mediocrity land. Additionally, Noya is optimized for solving user/business problems and not visual exploration. At Airbnb we had a really strong set of design guidelines, patterns, and components that (I think) both looked beautiful AND solved user needs. I think as the tool evolves and companies integrate the…
- When you use CMD key the active component loses the selection (visually) this is a bit confusing, e.g. I used CMD+D and seemingly nothing happened as the selection was lost for a while and the duplicated element was just put above the original element
- When duplicating an element you could maybe shift the clone's position with a small amount so the user can see it has been duplicated (e.g. top +20px left +20px)
- I think it needs a list/modal to see the components created (like the list in PS layers/Figma etc) so you can see what you have in your workspace (it will also kind of help with the duplication related problem above)
- I scrolled via trackpad by accident (in the left column area) and I could not get back to the area I was working with, I realized it will snap back after I resize the area (with the vertical line between the two columns or with browser resize) but I think it should also have a reset view button or similar to let the user do the same as it is not obvious
- Maybe it's a ChakraUI menu z-index bug but after opening the Project/Share menu you can open View/Export/Account menus in 1x click and access the tools on the left but only from starting from those 2 menus, if you start with View/Export/Account menus you need 2x clicks to close them and open the other ones next to them, the Project menu is seemingly outside of the latter problem.
This looks really interesting. I'd be very interested to see how you guys iterate to accommodate other frameworks or actual design systems. IMO Chakra isn't so much a design system as it is a framework (like Tailwind) - it's an abstraction to make common tasks easier. Would love to see something a little more "ui-kit-agnostic".
That's a great point! For simplicity we've been referring to our current "design system" as Chakra, but it's definitely more nuanced than that. We think of a design system as "a library of components and tokens, and rules for how these are used in a design". Our current design system uses Chakra for the component library part of it, while we created the rules for using those components in a design. We're currently wo…
- Overview: https://adele.uxpin.com/audi-audi-ui
- The system: https://www.audi.com/ci/en/renewed-brand.html
Some less brand-y examples:
- https://polaris.shopify.com/patterns/app-settings-layout
- https://ux.mailchimp.com/patterns/color
- https://designsystem.digital.gov/design-tokens/
Frameworks or component libraries like Tailwind or Material, are not design systems.
Therefore, when you say you plan to integrate open source design systems, this should not mean frameworks or component libraries. It should mean design system systems, such as:
This, on transforming component libraries into design systems, is worth reading:
Design Systems for Developers - A guide that teaches professional developers how to transform component libraries into design systems and set up the production infrastructure used by leading frontend teams:
https://storybook.js.org/tutorials/design-systems-for-develo...
There's a huge need to fill the gap for design systems that "implement themselves" in the transition from wireframe to code. Hopefully you can vector to align with actual design systems instead of components/frameworks. Serving companies with real design system needs is how you get the enterprise ecosystem revenue to get bought by Adobe for $20B in cash and stock!
// Disclosure: Was co-founder and CTO of a top 5 digital (web design) agency, am enterprise customer of today's design agencies.
Hey, as I understood the tool is made to design one pages only ? Or is it possible to have multiple pages under the same project ?
If you want to create another screen by modifying an existing screen, you can duplicate the project. There is a duplicate action if you click the name of the project with the project open, or by right clicking the name of the project from the project list. You can also copy and paste between projects.