Yes, this does exactly that
https://chromewebstore.google.com/detail/design-copilot/hgal...
Screenshot component -> design feedback, repeat loop , all without leaving your locally server page
Use Tailwind. It's a massive difference from just asking the LLM to write raw CSS. Tailwind provides a semantic layer that allows them to actually understand it.
They can't. LLMs are the wrong tool for the job, since they can only predict code that might do what you want, not follow actual style or design guidelines. We don't have a technology for that. It's still human work.
Yes using tailwind helps. In my experience you can use tools like vercel v0 to prototype design styles quickly and see which one you like. This step can be done manually if you have design experience and know what you want. Then you should write it down in a design document with specs like color scheme, font, overall style (minimalistic, futuristic, etc). This ensures that the LLM will keep this design style as context when creating components. It doesn't always work but it's better than relying on its internal context window.
V0.dev from vercel is pretty powerful for creating from scratch. Haven’t used it for improving an existing design
Commit to a design system and build all your features to the tee to the system. That’s literally what it’s for as it takes design decisions out of the hands of the developer.
Material UI is kind of old looking now, but widely used.
As others have said use Tailwind. But using an LLM pretty much guarantees that "endless tweaking".
They're great for getting something up as a starting point. But at least right now, you really are going to want to do the hand tweaking and polishing yourself.
The people who are going to get the most benefits from this are those that adapt to this workflow -- not trying to force the LLMs to do things they can't but rather working in conjunction with their limitations and augmenting them with your own skills and letting them augment you with their capabilities. It's a give and take. You still need to be in the loop to have the best outcomes.
I’m so tired of the schadcn radix aesthetic, every website looks like the same with black buttons and controls.
[dead]
This last step you gonna have to take yourself. The aesthetics eyes, you need to develop by yourself, no LLM going to help you.
It depends on what your setup looks like. If your using tailwind and a headless component library like radix or shadcn. LLMs can provide you with pretty decent looking layouts from very simple prompts. If your using plain CSS outputs can vary widely in quality, at least from my own experience.