Web design
fromMedium
6 days agoWhat is DESIGN.md and How To Use It
DESIGN.md provides AI with a design-system markdown file so generated UI stays consistent across screens.
The framework I use for writing prompts is called Zoom-Out-Zoom-In. I start by creating a proper context for my product and explaining its target user, then zoom in on the actual screen/page design I want to generate, explaining the goal of a particular screen/page, its layout hierarchy, and the design constraints the AI should consider when generating it. Finally, I mention expectations I have about the screen that AI will generate for me.