메뉴
HN
Hacker News 43일 전

앤스로픽, 클로드 디자인 공개

IMP
9/10
핵심 요약

앤스로픽이 프롬프트와 대화만으로 디자인, 프로토타입, 프레젠테이션 등을 생성할 수 있는 시각적 디자인 툴 '클로드 디자인(Claude Design)'을 출시했습니다. 팀의 기존 코드베이스와 디자인 파일을 분석해 브랜드 가이드라인을 자동 구축하며, 캔바(Canva)나 PDF, PPTX 등 다양한 형식으로 내보내거나 코딩 에이전트와 연계할 수 있습니다. 전문 디자이너의 탐색 폭을 넓혀주고, 비전문가도 즉시 시각적 결과물을 만들 수 있게 한다는 점에서 실무 생산성에 큰 영향을 미칠 중요한 업데이트입니다.

번역된 본문

제품 발표

앤스로픽 랩스(Anthropic Labs)의 클로드 디자인(Claude Design) 소개 2026년 4월 17일

오늘 저희는 디자인, 프로토타입, 슬라이드, 원페이저(One-pager) 등 세련된 시각 작업물을 클로드와 협업하여 제작할 수 있는 새로운 앤스로픽 랩스 제품, 클로드 디자인을 출시합니다. 클로드 디자인은 저희의 가장 강력한 비전(Vision) 모델인 클로드 오포스 4.7(Claude Opus 4.7)을 기반으로 구동되며, 클로드 프로(Pro), 맥스(Max), 팀(Team), 엔터프라이즈(Enterprise) 구독자를 대상으로 리서치 프리뷰(Research Preview)로 제공됩니다. 오늘 하루 동안 사용자에게 점진적으로 롤아웃될 예정입니다.

클로드와 함께 디자인하기 경험이 풍부한 디자이너라도 탐색에 할애할 시간을 제한해야 합니다. 수십 가지 방향을 프로토타입으로 만들 시간이 거의 없기 때문에, 결국 몇 가지로만 제한하게 됩니다. 그리고 아이디어는 있지만 디자인 배경이 없는 창업자, 프로덕트 매니저, 마케터에게는 그 아이디어를 시각화하고 공유하는 일이 막막할 수 있습니다. 클로드 디자인은 디자이너에게는 폭넓은 탐색의 여유를, 그 외 모든 사람에게는 시각 작업물을 직접 제작할 수 있는 방법을 제공합니다. 필요한 것을 설명하면 클로드가 첫 번째 버전을 만들어 줍니다. 그다음부터는 대화, 인라인 댓글, 직접 편집 또는 (클로드가 만든) 맞춤형 슬라이더를 통해 원하는 결과가 나올 때까지 다듬을 수 있습니다. 접근 권한을 부여하면 클로드가 팀의 디자인 시스템을 모든 프로젝트에 자동으로 적용하여, 산출물이 회사의 다른 디자인과 일관성을 유지하게 합니다.

팀들은 지금까지 클로드 디자인을 다음과 같은 용도로 활용해 왔습니다:

  • 현실적인 프로토타입: 디자이너가 정적 모킹(Mockup)을 쉽게 공유 가능한 인터랙티브 프로토타입으로 변환하여, 코드 리뷰나 PR(Pull Request) 없이 피드백을 수집하고 사용자 테스트를 진행할 수 있습니다.
  • 제품 와이어프레임 및 모킹: 프로덕트 매니저가 기능 플로우를 스케치한 뒤, 이를 클로드 코드(Claude Code)로 넘겨 구현하거나 디자이너와 공유하여 추가로 다듬을 수 있습니다.
  • 디자인 탐색: 디자이너가 다양한 방향을 빠르게 만들어 탐색할 수 있습니다.
  • 피치 덱 및 프레젠테이션: 창업자와 영업 담당자가 거친 개요에서 시작해 몇 분 만에 브랜드에 맞는 완성된 덱(Deck)을 만들고, PPTX로 내보내거나 캔바(Canva)로 보낼 수 있습니다.
  • 마케팅 콜라테랄: 마케터가 랜딩 페이지, 소셜 미디어 에셋, 캠페인 시각 자료를 제작한 뒤, 디자이너를 불러 마무리할 수 있습니다.
  • 최첨단 디자인: 누구나 음성, 비디오, 셰이더(Shaders), 3D 및 내장 AI를 활용해 코드 기반의 프로토타입을 구축할 수 있습니다.

작동 방식 클로드 디자인은 자연스러운 크리에이티브 워크플로우를 따릅니다.

브랜드가 기본적으로 탑재됩니다. 온보딩 과정에서 클로드가 코드베이스와 디자인 파일을 읽어 팀을 위한 디자인 시스템을 구축합니다. 이후 모든 프로젝트는 해당 색상, 타이포그래피, 컴포넌트를 자동으로 사용합니다. 시스템은 시간이 지나면서 계속 다듬을 수 있으며, 팀은 두 개 이상의 디자인 시스템을 유지할 수도 있습니다.

어디서든 불러오기. 텍스트 프롬프트로 시작하거나, 이미지 및 문서(DOCX, PPTX, XLSX)를 업로드하거나, 클로드에게 코드베이스를 지정할 수 있습니다. 또한 웹 캡처 도구를 사용해 웹사이트에서 요소를 직접 가져올 수도 있어, 프로토타입이 실제 제품처럼 보이게 만들 수 있습니다.

세밀한 제어로 다듬기. 특정 요소에 인라인 댓글을 달고, 텍스트를 직접 편집하거나, 조정 노브(Knob)를 사용해 간격, 색상, 레이아웃을 실시간으로 조정할 수 있습니다. 그런 다음 클로드에게 전체 디자인에 변경 사항을 적용하도록 요청할 수 있습니다.

협업. 디자인은 조직 범위 내에서 공유됩니다. 문서를 비공개로 유지하거나, 링크가 있는 조직 내 누구나 볼 수 있도록 공유하거나, 편집 권한을 부여해 동료가 디자인을 수정하고 그룹 대화에서 클로드와 함께 소통할 수 있습니다.

어디로든 내보내기. 조직 내부 URL로 디자인을 공유하거나, 폴더로 저장하거나, 캔바, PDF, PPTX 또는 독립 실행형 HTML 파일로 내보낼 수 있습니다.

클로드 코드(Claude Code)로 인계. 디자인이 구현할 준비가 되면, 클로드가 모든 것을 인계 번들(Handoff Bundle)로 패키징하며, 단 한 번의 지시로 클로드 코드에 전달할 수 있습니다. 향후 몇 주 동안 클로드 디자인과의 통합 구축을 더욱 쉽게 만들어, 팀이 이미 사용 중인 더 많은 도구와 연결할 수 있도록 할 예정입니다.

지난 몇 년간 앤스로픽과 협력해 올 수 있어 기뻤으며, 복잡한 것을 단순하게 만드는 데 깊이 집중한다는 점을 공유하고 있습니다. 캔바(Canva)의 사명은 항상 전 세계가 디자인할 수 있도록 지원하는 것이었으며, 이는 아이디어가 시작되는 곳이라면 어디든 캔바를 가져오는 것을 의미합니다. 저희는 협력 관계를 발전시켜 나갈 수 있어 기쁩니다.

원문 보기
원문 보기 (영어)
Product Announcements Introducing Claude Design by Anthropic Labs Apr 17, 2026 Today, we’re launching Claude Design, a new Anthropic Labs product that lets you collaborate with Claude to create polished visual work like designs, prototypes, slides, one-pagers, and more. Claude Design is powered by our most capable vision model, Claude Opus 4.7 , and is available in research preview for Claude Pro, Max, Team, and Enterprise subscribers. We’re rolling out to users gradually throughout the day. Design with Claude Even experienced designers have to ration exploration—there's rarely time to prototype a dozen directions, so you limit yourself to a few. And for founders, product managers, and marketers with an idea but not a design background, creating and sharing those ideas can be daunting. Claude Design gives designers room to explore widely and everyone else a way to produce visual work. Describe what you need and Claude builds a first version. From there, you refine through conversation, inline comments, direct edits, or custom sliders (made by Claude) until it’s right. When given access, Claude can also apply your team’s design system to every project automatically, so the output is consistent with the rest of your company’s designs. Teams have been using Claude Design for: Realistic prototypes: Designers can turn static mockups into easily-shareable interactive prototypes to gather feedback and user-test, without code review or PRs. Product wireframes and mockups: Product Managers can sketch out feature flows and hand them off to Claude Code for implementation, or share them with designers to refine further. Design explorations: Designers can quickly create a wide range of directions to explore. Pitch decks and presentations: Founders and Account Executives can go from a rough outline to a complete, on-brand deck in minutes, and then export as a PPTX or send to Canva. Marketing collateral: Marketers can create landing pages, social media assets, and campaign visuals, then loop in designers to polish. Frontier design : Anyone can build code-powered prototypes with voice, video, shaders, 3D and built-in AI. How it works Claude Design follows a natural creative flow. Your brand, built in. During onboarding, Claude builds a design system for your team by reading your codebase and design files. Every project after that uses your colors, typography, and components automatically. You can refine the system over time, and teams can maintain more than one. Import from anywhere. Start from a text prompt, upload images and documents (DOCX, PPTX, XLSX), or point Claude at your codebase. You can also use the web capture tool to grab elements directly from your website so prototypes look like the real product. Refine with fine-grained controls. Comment inline on specific elements, edit text directly, or use adjustment knobs to tweak spacing, color, and layout live. Then ask Claude to apply your changes across the full design. Collaborate. Designs have organization-scoped sharing. You can keep a document private, share it so anyone in your organization with the link can view it, or grant edit access so colleagues can modify the design and chat with Claude together in a group conversation. Export anywhere. Share designs as an internal URL within your organization, save as a folder, or export to Canva, PDF, PPTX, or standalone HTML files. Handoff to Claude Code. When a design is ready to build, Claude packages everything into a handoff bundle that you can pass to Claude Code with a single instruction. Over the coming weeks, we'll make it easier to build integrations with Claude Design, so you can connect it to more of the tools your team already uses. We’ve loved collaborating with Anthropic over the past couple of years and share a deep focus on making complex things simple. At Canva, our mission has always been to empower the world to design, and that means bringing Canva to wherever ideas begin. We’re excited to build on our collaboration with Claude, making it seamless for people to bring ideas and drafts from Claude Design into Canva, where they instantly become fully editable and collaborative designs ready to refine, share, and publish. Brilliant's intricate interactivity and animations are historically painful to prototype, but Claude Design's ability to turn static designs into interactive prototypes has been a step change for us. Our most complex pages, which took 20+ prompts to recreate in other tools, only required 2 prompts in Claude Design. Including design intent in Claude Code handoffs has made the jump from prototype to production seamless. Claude Design has made prototyping dramatically faster for our team, enabling live design during conversations. We've gone from a rough idea to a working prototype before anyone leaves the room, and the output stays true to our brand and design guidelines. What used to take a week of back-and-forth between briefs, mockups, and review rounds now happens in a single conversation. 01 / 03 Get started Claude Design is available for Claude Pro, Max, Team, and Enterprise subscribers. Access is included with your plan and uses your subscription limits, with the option to continue beyond those limits by enabling extra usage . For Enterprise organizations, Claude Design is off by default. Admins can enable it in Organization settings . Start designing at claude.ai/design .