[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-designmd-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":68,"alternatives-designmd-en-US":123,"related-resources-designmd-en-US":172},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":24,"cons":29,"best_for":33,"cover":34,"icon":9,"pricing":35,"platform":36,"github_url":38,"twitter_url":39,"discord_url":9,"dribbble_url":9,"pricing_tiers":40,"views_count":42,"featured_rank":9,"categories":43,"tags":52,"files":9},865,"DesignMD","designmd","https:\u002F\u002Fdesignmd.cc",null,"Extract any website's design DNA into an AI-ready DESIGN.md","DesignMD turns any website URL into a production-grade DESIGN.md in about 12 seconds. It reads the live DOM and CSSOM — real CSS variables, real @media breakpoints, real interaction states — and extracts colour tokens, typography, spacing scale, and component patterns. Nothing is inferred from screenshots.\n\nDrop the generated DESIGN.md into your project root and AI coding agents like Cursor, Claude Code, and GitHub Copilot can read and follow that design system, preventing the dreaded \"design drift\" when AI builds your interfaces. A CLI lets you generate specs right from your terminal.\n\nDesignMD is free and requires no account — five analyses per day per IP. It is also open source, with a benchmarks page showing measured design systems from Stripe, Linear, GitHub, Vercel, and more.",{"title":13,"meta_description":14},"DesignMD — Extract any website's design DNA into an AI-ready DESIGN.md","DesignMD turns any website URL into a productiongrade DESIGN.md in about 12 seconds. It reads the live DOM and CSSOM — real CSS variables, real @media breakp...",[16,17,18,19,20,21,22,23],"Paste any URL and get a DESIGN.md in ~12 seconds","Reads live DOM and CSSOM for real measured tokens","Extracts colours, typography, spacing, and component patterns","Captures CSS variables, breakpoints, and interaction states","Output readable by Cursor, Claude Code, and GitHub Copilot","Command-line CLI for one-shot generation","Interactive live preview of the extracted design system","Free with no signup, 5 analyses per day per IP",[25,26,27,28],"Keeps AI-generated interfaces consistent with a design system","Based on real measurements, not screenshots","Free and open source","Works with all major AI coding agents",[30,31,32],"Daily analysis limit on the free tier","Results depend on the quality of the source site's CSS","No team\u002Faccount features yet","Best for designers and developers using AI coding agents who want consistent, on-brand interfaces","82ccba22-52ec-490a-8994-5164f628321e.webp","free",[37],"Web","https:\u002F\u002Fgithub.com\u002Fadityarajdigital\u002Fdesignmd","https:\u002F\u002Fx.com\u002Fadirajdigital",{"free":3,"note":41},"Free with 5 analyses per day per IP",0,[44,48],{"name":45,"slug":46,"sub_categories":47},"Design Tools","design-tools",[],{"name":49,"slug":50,"sub_categories":51},"AI Tools","ai-tools",[],[53,56,59,62,65],{"name":54,"slug":55},"Vibe Coding","vibe-coding",{"name":57,"slug":58},"AI","ai",{"name":60,"slug":61},"Design Systems","design-systems",{"name":63,"slug":64},"Web Design","web-design",{"name":66,"slug":67},"Collaboration","collaboration",[69,83,97,109],{"id":70,"url":71,"icon":9,"name":72,"slug":73,"tags":74,"cover":79,"tagline":80,"is_featured":81,"date_created":82,"date_updated":9},880,"https:\u002F\u002Fwww.arlan.me\u002Fvault","Arlan's Vault","arlans-vault",[75,76,77],{"seo":9,"name":54,"slug":55},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":78},"ui-kits","ca1dcd3a-0023-41eb-b387-6770a7529f7e.webp","A library of web interaction and design style prompts",false,"2026-08-20T07:35:22.316179+00:00",{"id":84,"url":85,"icon":9,"name":86,"slug":87,"tags":88,"cover":94,"tagline":95,"is_featured":81,"date_created":96,"date_updated":9},879,"https:\u002F\u002Fpurelanding.page\u002F","Pure","pure-landing-page",[89,91,93],{"seo":9,"name":9,"slug":90},"inspiration",{"seo":9,"name":9,"slug":92},"landing-page",{"seo":9,"name":9,"slug":64},"d03eb69a-e8e3-4914-b8f3-8453f8440ae8.webp","A clean inspiration gallery of beautiful landing pages","2026-08-20T07:35:13.377601+00:00",{"id":98,"url":99,"icon":9,"name":100,"slug":101,"tags":102,"cover":106,"tagline":107,"is_featured":81,"date_created":108,"date_updated":9},878,"https:\u002F\u002Fposts.design\u002F","Posts.design","posts-design",[103,104],{"seo":9,"name":9,"slug":90},{"seo":9,"name":9,"slug":105},"social-media","2e97cacb-a94e-40eb-b415-8d26dc2281d4.webp","A curated gallery of real social media posts for design inspiration","2026-08-20T07:35:05.176939+00:00",{"id":110,"url":111,"icon":9,"name":112,"slug":113,"tags":114,"cover":120,"tagline":121,"is_featured":81,"date_created":122,"date_updated":9},877,"https:\u002F\u002Fhumation.app\u002Favatar","Humation","humation",[115,117,119],{"seo":9,"name":9,"slug":116},"illustrations",{"seo":9,"name":9,"slug":118},"freebie",{"seo":9,"name":9,"slug":105},"59a1035f-1f6d-4202-a511-3b1f4dd4d796.webp","Generate cute hand-drawn avatars for your profile or brand","2026-08-20T07:34:57.715327+00:00",[124,130,136,142,148,154,160,166],{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fimageprompt.org\u002F","ImagePrompt.org","imageprompt-org","f0144ee7-3555-4786-8992-dc339d0515f4.webp","AI image prompt tools and generator suite",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fmoonvy.com\u002Fapps\u002Fops\u002F","OpenPromptStudio","openpromptstudio","8c3a7011-1abb-4aec-8f46-a7311d6d0a71.webp","Visual AI prompt editor by Moonvy",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fwww.prompthunt.com\u002F","Prompt Hunt","prompt-hunt","2d4e2e8d-fe62-499a-b63f-8fd80171ed5e.webp","AI art platform with custom Chroma model",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fbrilliant.design\u002F","Brilliant","brilliant","8606cabd-095b-4464-be54-4e881b6ba02b.webp","Professional vector design tool you and your AI agents drive together",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fnamethatui.com\u002F","Name That UI","name-that-ui","4fcc35cb-4e5d-4376-9e65-9ac30247af36.webp","The visual dictionary for UI and product designers",[173,189,208],{"url":174,"icon":9,"name":175,"slug":176,"tags":177,"cover":186,"tagline":187,"is_featured":3,"date_created":188,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[178,179,181,184],{"seo":9,"name":9,"slug":67},{"seo":9,"name":9,"slug":180},"prototyping",{"seo":9,"name":182,"slug":183},"Freemium","freemium",{"seo":9,"name":9,"slug":185},"productivity","7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":190,"icon":9,"name":191,"slug":192,"tags":193,"cover":205,"tagline":206,"is_featured":3,"date_created":207,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[194,196,199,201,203],{"seo":9,"name":195,"slug":35},"Free",{"seo":9,"name":197,"slug":198},"Open Source","open-source",{"seo":9,"name":9,"slug":200},"image-editing",{"seo":9,"name":9,"slug":202},"svg",{"seo":9,"name":9,"slug":204},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":209,"icon":9,"name":210,"slug":211,"tags":212,"cover":218,"tagline":219,"is_featured":3,"date_created":220,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[213,215,216,217],{"seo":9,"name":9,"slug":214},"wireframe",{"seo":9,"name":9,"slug":180},{"seo":9,"name":9,"slug":67},{"seo":9,"name":182,"slug":183},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]