DESIGN.md Changed My AI Web Design Workflow

In this video, I’ll show you how DESIGN.md changed my AI web design workflow. Instead of starting from a blank prompt every time, I’ll walk you through how to use a design system to keep the same visual DNA across a landing page, including typography, colors, spacing, layout style, radius, and overall design direction. I’ll also show how to import a real website as a reference, preview what the AI captures, generate a strong starting point with GPT-5.5, and transform the result into something original using prompts, references, and skills. The goal isn’t to copy websites exactly, but to use design systems and references as a foundation to build faster, cleaner, and more polished landing pages. In this video, you’ll learn: • How DESIGN.md works • How to use design systems in your AI workflow • How to import a website as a reference • How GPT-5.5 handles website structure and details • How to transform a generated result into something original • How to improve sections with prompts and skills ⏱️ Timestamps 0:00 Intro 1:20 Exploring Design Systems 4:15 DESIGN.md details and downloads 6:15 Adding DESIGN.md to the prompt 7:10 Generating a landing page with the same visual DNA 9:30 Importing a website URL 11:15 Generating with GPT-5.5 12:45 Reviewing the cloned result 14:00 Transforming the clone into an original design 17:45 Replacing images with the Assets panel 19:00 Improving the hero with references 20:20 Adding skills and components 22:30 Improving sections with quick prompts 24:00 Final result and recap 24:40 Conclusion 🔧 Main tool used in this video: Aura.build → https://www.aura.build?via=sourany 🎁 Free HTML template (Webflow clone) → https://drive.google.com/file/d/1h9iiYWnIEbd-XlciyN4brAUx0zne4Lzq/view?usp=sharing ✨ Inspiration: neuform.ai → https://neuform.ai?via=sourany landing.love → https://www.landing.love 🎥 Video Editing & Recording Dreamcut.ai → https://dreamcut.ai?via=sourany Screen Studio → https://www.screen.studio 💡 Explore all my templates: https://www.aura.build/user/sourany/templates?via=sourany Subscribe to Sourany Studio for more content on AI-driven UI, web design, prompts, and creative workflows. 📲 Follow me: X (Twitter): https://x.com/SouranyPhomhome Instagram: https://www.instagram.com/sou.design/ LinkedIn: https://www.linkedin.com/in/sourany-phomhome/ Threads: https://www.threads.com/@sou.design #AIDesign #WebDesign #DesignSystem #LandingPage #AIWorkflow #GPT55