Launched this week
Duply
What if your AI never had to guess your design again?
10 followers
What if your AI never had to guess your design again?
10 followers
Real-world design systems documented as ready-to-use DESIGN.md files and agent prompts. Pick a design you love. Copy one file. Your AI agent builds in that visual language.
Love this idea, a design md you can drop straight into a project is such a time saver. One thing that would make it even better: let users preview the design system on a live sandbox page before copying, so you can see spacing, typography, and colors rendered before committing.
@musa_n40993 yeah, this is a good idea. Being able to preview the system live before copying the design would make it much easier to judge the spacing, type, and colors upfront.
Having a live preview alongside each DESIGN.md would be huge. Something like a side-by-side rendered component so I can see exactly how spacing, typography, and colors translate before pasting the file into my project. Would save a ton of trial and error when comparing options.
@ozkur99489 Good point. A live preview next to each DESIGN.md would make it much easier to pick the right system before copying it into a project. Definitely want to add this.
Picked a brutalist design and dropped the DESIGN.md into my agent, the output matched the vibe almost exactly which saved me an afternoon of fiddling. Wish there were more dark mode options but solid idea.
@sabrihakverdi Thanks, great to hear it worked that smoothly. More dark mode options are definitely on the list.
Picked a brutalist design and copied the file into my project, the agent picked up the spacing and type scale right away without extra prompting. Wish the gallery had filtering by industry, but the prompt handoff is genuinely useful.
@erkansulumutlu yes, the preview is there so you can see what the reference site looks like before using the Design files. Filtering is available too, but I agree it can be expanded and made more useful.
Would love to see a way to preview the design system in a live sandbox before pulling the file into my own project, so I can quickly check spacing and typography. A small iframe playground per listing would make choosing the right system way easier.
Would love to see a live preview pane next to each design so I can see how the system renders before committing to it. Also helpful would be a small badge showing which frameworks or AI agents each DESIGN.md has been tested with.