[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-claude-design-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":61,"alternatives-claude-design-en-US":126,"related-resources-claude-design-en-US":140},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":23,"cons":29,"best_for":35,"cover":36,"icon":10,"pricing":37,"platform":38,"github_url":10,"twitter_url":40,"discord_url":10,"dribbble_url":10,"pricing_tiers":41,"views_count":44,"featured_rank":45,"categories":46,"tags":51,"files":10},633,"Claude Design","claude-design","https:\u002F\u002Fclaude.ai\u002Fdesign","2026-06-17T04:32:25.62+00:00",null,"Anthropic's AI-native design studio — turn prompts into prototypes, slides, and one-pagers with Claude Opus 4.7","Claude Design is Anthropic Labs' conversational design studio launched April 2026, powered by Claude Opus 4.7. Describe what you need in plain English and Claude generates interactive prototypes, slide decks, landing pages, and marketing visuals. Features include automatic design system extraction from GitHub repos, inline comments and direct editing, custom adjustment sliders for spacing\u002Fcolor\u002Flayout, real-time collaboration, and structured handoff to Claude Code for implementation. Exports to Canva, PDF, PPTX, shareable URLs, and standalone HTML.",{"title":14,"description":11},"Claude Design - Anthropic's AI-native design studio — turn prompts into prototypes, slides, and one-pagers with Claude Opus 4.7 | DesignToolMark",[16,17,18,19,20,21,22],"Conversational design from natural language prompts","Design system extraction from GitHub repos","Interactive prototypes with live HTML","Inline comments and direct element editing","Custom adjustment sliders (spacing, color, layout)","Multi-format export (Canva, PDF, PPTX, HTML)","Structured handoff to Claude Code",[24,25,26,27,28],"Best-in-class AI design generation (Opus 4.7)","Automatic design system extraction from codebase","Structured handoff to Claude Code for implementation","Fine-grained editing via sliders and inline comments","Canva export for team collaboration",[30,31,32,33,34],"Research preview — still evolving","Requires Claude subscription ($20+\u002Fmo)","Not a replacement for Figma in production workflows","Limited third-party integrations initially","\"Black box\" generation can be unpredictable","Product designers, founders, and teams who want to rapidly prototype and iterate on designs using natural language, with a direct path to implementation.","d2e86b52-7c6c-4ae9-b224-eca4f807567d.webp","freemium",[39],"Web","https:\u002F\u002Ftwitter.com\u002FAnthropicAI",{"max":3,"pro":3,"free":42,"note":43,"team":3,"enterprise":3},false,"Research preview — included with Claude Pro ($20\u002Fmo), Max, Team, and Enterprise plans",0,4,[47],{"name":48,"slug":49,"sub_categories":50},"AI Tools","ai-tools",[],[52,55,58],{"name":53,"slug":54},"AI Powered","ai-powered",{"name":56,"slug":57},"Prototyping","prototyping",{"name":59,"slug":60},"No Code","no-code",[62,79,95,112],{"id":63,"url":64,"icon":10,"name":65,"slug":66,"tags":67,"cover":76,"tagline":77,"is_featured":42,"date_created":78,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[68,70,72,74],{"seo":10,"name":10,"slug":69},"wireframe",{"seo":10,"name":10,"slug":71},"user-research",{"seo":10,"name":10,"slug":73},"web-design",{"seo":10,"name":75,"slug":37},"Freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics","2026-06-17T09:18:38.384779+00:00",{"id":80,"url":81,"icon":10,"name":82,"slug":83,"tags":84,"cover":92,"tagline":93,"is_featured":42,"date_created":94,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[85,86,87,89,91],{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":71},{"seo":10,"name":10,"slug":88},"collaboration",{"seo":10,"name":10,"slug":90},"design-handoff",{"seo":10,"name":75,"slug":37},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":96,"url":97,"icon":10,"name":98,"slug":99,"tags":100,"cover":109,"tagline":110,"is_featured":42,"date_created":111,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[101,102,103,104,106,108],{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":73},{"seo":10,"name":10,"slug":105},"responsive",{"seo":10,"name":10,"slug":107},"icons",{"seo":10,"name":75,"slug":37},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":113,"url":114,"icon":10,"name":115,"slug":116,"tags":117,"cover":123,"tagline":124,"is_featured":42,"date_created":125,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[118,119,120,121,122],{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":88},{"seo":10,"name":10,"slug":90},{"seo":10,"name":75,"slug":37},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[127,133,139],{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Fwww.aidesigner.ai","AIDesigner","aidesigner","eb20c192-3609-496b-97b3-8ce3a2e5e98d.webp","AI design platform for UI, brands, and visual assets",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fplatform.gyanmatrix.com\u002Fchronicle","Chronicle","chronicle","faa2127d-b5c2-4064-8901-ac454812fb9c.webp","AI-powered documentation generated from real code",{"url":114,"name":115,"slug":116,"cover":123,"tagline":124},[141,153,159],{"url":142,"icon":10,"name":143,"slug":144,"tags":145,"cover":149,"tagline":150,"is_featured":3,"date_created":151,"date_updated":152},"https:\u002F\u002Fideogram.ai","Ideogram","ideogram",[146,147],{"seo":10,"name":53,"slug":54},{"seo":10,"name":10,"slug":148},"image-editing","e70e5711-770b-481b-a8e4-00dccbbea5a9.webp","Frontier AI image generation with industry-leading text rendering — now with open weights","2026-06-16T07:14:20.74599+00:00","2026-06-16T08:08:34.67+00:00",{"url":64,"icon":10,"name":65,"slug":66,"tags":154,"cover":76,"tagline":77,"is_featured":42,"date_created":78,"date_updated":10},[155,156,157,158],{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":71},{"seo":10,"name":10,"slug":73},{"seo":10,"name":75,"slug":37},{"url":97,"icon":10,"name":98,"slug":99,"tags":160,"cover":109,"tagline":110,"is_featured":42,"date_created":111,"date_updated":10},[161,162,163,164,165,166],{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":73},{"seo":10,"name":10,"slug":105},{"seo":10,"name":10,"slug":107},{"seo":10,"name":75,"slug":37}]