7 ms·

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my we

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my web app

samtimalsina 19d ago
Had some success with https://impeccable.style/ https://impeccable.style/
- yipinwong 19d ago
  This seems like a good next step. ty for sharing as first time seeing it.
yipinwong 19d ago
The author's way is more bespoke (and less aislop path), so if you are not familiar with web design, you might get lost. Since you gotta start somewhere, If you are prototyping without web design experience, navigite to https://getdesign.md/ https://getdesign.md/ and find ones you like and make AI use it.
rfgplk 19d ago
Less is more. When you end up creating something try to strip away all the bloat and only use the essentials (nav bars/menus) and then iterate on that with fonts that you like or pleasing colorschemes. My best go to piece of advice is to just go here https://color.adobe.com/create/color-wheel https://color.adobe.com/create/color-wheel and mess around with the various color harmonies until you get something you like. Then you take that font + color scheme back into Claude Design and tell it to apply it to your stripped down design.
jamesponddotco 19d ago
I paid an actual designer to come up with a design system for my project, which I then made Claude follow. Works like a charm. To give more details, the designer created the system in Figma and created a guideline document for a human to follow on how to use the system. I then gave those files to Claude Fable using Claude Design to turn it into code. Then when I need to do anything design-related in the project, I make Claude follow the system. And I can use the guidelines to see if it’s following everything correctly or not.

7 ms·

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my we

by firemelt 19d ago

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my web app

samtimalsina 19d ago
Had some success with https://impeccable.style/ https://impeccable.style/
- yipinwong 19d ago
  This seems like a good next step. ty for sharing as first time seeing it.
yipinwong 19d ago
The author's way is more bespoke (and less aislop path), so if you are not familiar with web design, you might get lost. Since you gotta start somewhere, If you are prototyping without web design experience, navigite to https://getdesign.md/ https://getdesign.md/ and find ones you like and make AI use it.
rfgplk 19d ago
Less is more. When you end up creating something try to strip away all the bloat and only use the essentials (nav bars/menus) and then iterate on that with fonts that you like or pleasing colorschemes. My best go to piece of advice is to just go here https://color.adobe.com/create/color-wheel https://color.adobe.com/create/color-wheel and mess around with the various color harmonies until you get something you like. Then you take that font + color scheme back into Claude Design and tell it to apply it to your stripped down design.
jamesponddotco 19d ago
I paid an actual designer to come up with a design system for my project, which I then made Claude follow. Works like a charm. To give more details, the designer created the system in Figma and created a guideline document for a human to follow on how to use the system. I then gave those files to Claude Fable using Claude Design to turn it into code. Then when I need to do anything design-related in the project, I make Claude follow the system. And I can use the guidelines to see if it’s following everything correctly or not.