[{"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":62,"alternatives-claude-design-en-US":134,"related-resources-claude-design-en-US":195},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":24,"cons":30,"best_for":36,"cover":37,"icon":10,"pricing":38,"platform":39,"github_url":10,"twitter_url":41,"discord_url":10,"dribbble_url":10,"pricing_tiers":42,"views_count":45,"featured_rank":46,"categories":47,"tags":52,"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,"meta_description":15},"Claude Design - Anthropic's AI-native design studio — turn prompts into prototypes, slides, and one-pagers with Claude Opus 4.7 | DesignToolMark","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 Cl...",[17,18,19,20,21,22,23],"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",[25,26,27,28,29],"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",[31,32,33,34,35],"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",[40],"Web","https:\u002F\u002Ftwitter.com\u002FAnthropicAI",{"max":3,"pro":3,"free":43,"note":44,"team":3,"enterprise":3},false,"Research preview — included with Claude Pro ($20\u002Fmo), Max, Team, and Enterprise plans",0,4,[48],{"name":49,"slug":50,"sub_categories":51},"AI Tools","ai-tools",[],[53,56,59],{"name":54,"slug":55},"AI Powered","ai-powered",{"name":57,"slug":58},"Prototyping","prototyping",{"name":60,"slug":61},"No Code","no-code",[63,85,100,113],{"id":64,"url":65,"icon":10,"name":66,"slug":67,"tags":68,"cover":82,"tagline":83,"is_featured":43,"date_created":84,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[69,72,74,76,78,80],{"seo":10,"name":70,"slug":71},"Free","free",{"seo":10,"name":10,"slug":73},"fonts",{"seo":10,"name":10,"slug":75},"icons",{"seo":10,"name":10,"slug":77},"mockups",{"seo":10,"name":10,"slug":79},"ui-kits",{"seo":10,"name":10,"slug":81},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools","2026-07-16T01:44:01.585569+00:00",{"id":86,"url":87,"icon":10,"name":88,"slug":89,"tags":90,"cover":97,"tagline":98,"is_featured":43,"date_created":99,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[91,92,95],{"seo":10,"name":70,"slug":71},{"seo":10,"name":93,"slug":94},"Open Source","open-source",{"seo":10,"name":10,"slug":96},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":110,"tagline":111,"is_featured":43,"date_created":112,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[106,107,108],{"seo":10,"name":70,"slug":71},{"seo":10,"name":10,"slug":79},{"seo":10,"name":10,"slug":109},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":114,"url":115,"icon":10,"name":116,"slug":117,"tags":118,"cover":131,"tagline":132,"is_featured":43,"date_created":133,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[119,120,122,123,125,126,127,128,129],{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":121},"ai",{"seo":10,"name":70,"slug":71},{"seo":10,"name":124,"slug":38},"Freemium",{"seo":10,"name":10,"slug":79},{"seo":10,"name":10,"slug":81},{"seo":10,"name":10,"slug":58},{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":130},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[135,141,147,153,159,165,171,177,183,189],{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fwww.hotjar.com","Hotjar","hotjar","5e268979-fe9d-4636-9b19-aecf5fa1b255.webp","Website heatmaps, session recordings, and user behavior analytics to understand why users behave the way they do",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fideogram.ai","Ideogram","ideogram","e70e5711-770b-481b-a8e4-00dccbbea5a9.webp","Frontier AI image generation with industry-leading text rendering — now with open weights",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fwww.fullstory.com","FullStory","fullstory","e7bc75c9-4a85-482c-b334-f47f81ae3f2d.webp","Enterprise session replay and digital experience analytics — understand every user interaction",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Flyssna.com","Lyssna","lyssna","37b736b3-e7ea-4753-a32c-86819966841e.webp","UX research platform for usability testing, surveys, and user interviews — understand your users",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Fclarity.microsoft.com","Microsoft Clarity","microsoft-clarity","79cf7ab9-2cd6-4c68-8b1f-dcea2d59a8f4.webp","Free session recordings and heatmaps — understand user behavior at scale, no usage limits",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fgalileo.ai","Galileo AI","galileo-ai","b5b36e9e-c429-42d9-85cc-a43f7d51615a.webp","AI-powered UI design — generate editable Figma designs from text prompts",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fklingai.com\u002F","Kling","kling","screenshots\u002Fkling.webp","Kuaishou's advanced AI video generation model for creating realistic videos from text and images.",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"https:\u002F\u002Felevenlabs.io\u002F","ElevenLabs","elevenlabs","screenshots\u002Felevenlabs.webp","AI voice synthesis platform with ultra-realistic text-to-speech and voice cloning.",{"url":184,"name":185,"slug":186,"cover":187,"tagline":188},"https:\u002F\u002Fsuno.com\u002F","Suno","suno","screenshots\u002Fsuno.webp","AI music generation platform that creates original songs from text prompts.",{"url":190,"name":191,"slug":192,"cover":193,"tagline":194},"https:\u002F\u002Fwww.udio.com\u002F","Udio","udio","a74b4f9a-5fad-4adc-b7b7-d67791688966.webp","AI music generation tool for creating high-quality audio tracks from text descriptions.",[196,205,226],{"url":142,"icon":10,"name":143,"slug":144,"tags":197,"cover":145,"tagline":146,"is_featured":3,"date_created":203,"date_updated":204},[198,199,201],{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":200},"image-editing",{"seo":10,"name":10,"slug":202},"social-media","2026-06-16T07:14:20.74599+00:00","2026-06-16T08:08:34.67+00:00",{"url":206,"icon":10,"name":207,"slug":208,"tags":209,"cover":223,"tagline":224,"is_featured":43,"date_created":225,"date_updated":10},"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[210,211,212,213,215,216,218,220,221,222],{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":121},{"seo":10,"name":124,"slug":38},{"seo":10,"name":10,"slug":214},"free-trial",{"seo":10,"name":10,"slug":200},{"seo":10,"name":10,"slug":217},"video",{"seo":10,"name":10,"slug":219},"animation",{"seo":10,"name":10,"slug":58},{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":130},"fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7","2026-06-28T03:12:01.911314+00:00",{"url":227,"icon":10,"name":228,"slug":229,"tags":230,"cover":233,"tagline":234,"is_featured":43,"date_created":235,"date_updated":10},"https:\u002F\u002Fwww.prompthunt.com\u002F","Prompt Hunt","prompt-hunt",[231,232],{"seo":10,"name":10,"slug":121},{"seo":10,"name":54,"slug":55},"2d4e2e8d-fe62-499a-b63f-8fd80171ed5e.webp","AI art platform with custom Chroma model","2026-06-24T04:30:03.920664+00:00"]