{"rewrite":{"id":"r_753d587a23f4de4293bfe090","clusterId":"c_3b4b9628257a75e65919e99a","slug":"claude-design-update-tightens-link-with-claude-code","model":"deepseek-v4-flash","headline":"Claude Design Update Tightens Link With Claude Code","summary":"Anthropic announced enhancements to Claude Design on June 17, 2026, including design system import, direct canvas editing, deeper integration with Claude Code, and exports to external tools like Adobe and Replit. The tool was used by over 1 million people in its first week, and the update reflects user feedback.","whyItMatters":"The update treats design and code as a single flow rather than separate tasks, which could change how teams move from UI mockups to working software.","webCardHtml":"\u003cp\u003eAnthropic rolled out a set of enhancements to Claude Design on June 17, 2026, focused on keeping output aligned with a team\u0026#39;s existing design system and making it easier to hand off work to Claude Code. The design system import feature now pulls from GitHub repositories, design files, or uploaded materials and checks that new output uses approved components before showing it to the user. A new admin role lets companies lock down approved systems and restrict edits.\u003c/p\u003e\u003cp\u003eThe integration with Claude Code works both directions. From Claude Design, a \u0026#34;/design-sync\u0026#34; command imports the design system; from Claude Code, a \u0026#34;/design\u0026#34; command lets users create or edit design projects without leaving the terminal. The company said design and code are no longer treated as separate tasks but can be moved between within the same flow.\u003c/p\u003e\u003cp\u003eEditing on the canvas now supports direct drag, resize, and alignment. Exports go to PDF, PowerPoint, or third-party services including Adobe, Canva, Lovable, Replit, Vercel, and Wix. Usage limits are now shared with Claude Cowork and Claude Code, and the average tokens needed for the same result have dropped.\u003c/p\u003e","blueskyPost":"Anthropic updated Claude Design with design system import, direct canvas editing, and tighter Claude Code sync. Design and code now move as one flow. Exports to Adobe, Replit, and others.","twitterPost":"Anthropic updated Claude Design with design system import, direct canvas editing, and tighter Claude Code sync. Design and code now move as one flow. Exports to Adobe, Replit, and others.","threadsPost":null,"newsletterBlurb":"Anthropic enhanced Claude Design on June 17, adding design system import from GitHub or design files, direct canvas editing, and deeper integration with Claude Code. The tool now shares usage limits with Claude Cowork and Claude Code, and exports to PDF, PowerPoint, Adobe, Canva, Lovable, Replit, Vercel, and Wix.","attributionJson":"[{\"source\":\"GIGAZINE\",\"url\":\"https://gigazine.net/news/20260618-claude-design-claude-code/\",\"title\":\"Enhanced Integration Between Claude Design and Claude Code Enables Full AI Utilization from Coding to Design\"}]","lintFlagsJson":null,"lintHits":0,"costUsd":0,"inputTokens":4145,"outputTokens":629,"status":"published","repairAttempts":0,"nextRepairAt":null,"factsAttemptedAt":1781765881,"createdAt":"2026-06-18T06:47:16.000Z","publishedAt":"2026-06-18T06:49:57.000Z","updatedAt":"2026-06-18T06:49:57.000Z"},"cluster":{"id":"c_3b4b9628257a75e65919e99a","canonicalTitle":"Claude DesignとClaude Codeの連携が強化されてコーディングからデザインまでAIをバリバリ活用可能に","representativeArticleId":"a_f2dbe3d608299d2d2ebf0c70","sourceCount":1,"writtenSourceCount":1,"writeAttempts":0,"isSolo":true,"entitiesJson":"{\"anime_titles\":[],\"manga_titles\":[],\"work_titles\":[],\"studios\":[],\"people\":[],\"type\":\"news\",\"domain\":\"other\",\"is_roundup\":false}","contentType":"news","status":"published","firstSeenAt":"2026-06-18T06:05:00.000Z","lastSeenAt":"2026-06-18T06:05:00.000Z","updatedAt":"2026-06-18T06:49:57.000Z"},"attribution":[{"source":"GIGAZINE","url":"https://gigazine.net/news/20260618-claude-design-claude-code/","title":"Claude DesignとClaude Codeの連携が強化されてコーディングからデザインまでAIをバリバリ活用可能に"}],"entities":{"anime_titles":[],"manga_titles":[],"work_titles":[],"studios":[],"people":[],"type":"news","domain":"other","is_roundup":false},"keyFacts":["Anthropic released enhancements to Claude Design on June 17, 2026, including design system import from GitHub, direct canvas editing, and deeper integration with Claude Code.","Over 1 million people used Claude Design in its first week after launch.","The design system import feature checks new output against approved components before showing it to the user, and a new admin role lets companies lock down approved systems.","From Claude Design, a '/design-sync' command imports the design system; from Claude Code, a '/design' command lets users create or edit design projects without leaving the terminal.","Exports now go to PDF, PowerPoint, or third-party services including Adobe, Canva, Lovable, Replit, Vercel, and Wix."]}