1. Claude Design이란 무엇인가

1.1 화면을 '그려주는' Claude

앞 장까지 우리는 Claude에게 문서를 쓰게 하고, 파일을 정리하게 하고, 반복 업무는 도구로 바꿔 보았습니다. 그런데 일을 하다 보면 글이나 표가 아니라 눈에 보이는 화면이 필요할 때가 있습니다. 카페 홍보용 랜딩 페이지, 발표용 슬라이드, 신청 폼, 간단한 앱 화면 같은 것들입니다.

지금까지는 이런 일을 하려면 디자이너에게 부탁하거나, Figma·Canva 같은 전문 도구를 직접 배워야 했습니다. Claude Design은 이 문턱을 낮춰줍니다. 한 문장으로 요약하면, Claude와 대화하는 것만으로 디자인·프로토타입·프레젠테이션을 만드는 시각 작업 공간입니다.

오해하기 쉬운 점이 하나 있습니다. Claude Design은 채팅창에서 디자인을 시키는 요령이 아니라 하나의 독립된 도구입니다. 우리가 써온 채팅 화면이 아니라, 디자인 작업에 최적화된 별도의 화면(캔버스)을 가지고 있습니다.

1.2 무엇이 특별한가

1.2.1 바이브 디자인

기존 디자인 도구는 그리드, 픽셀 값, 정렬, 레이어를 일일이 다뤄야 했습니다. Claude Design은 다른 방식을 제안합니다. 만들고 싶은 전체적인 의도와 분위기(Vibe)를 자연어로 설명하면, Claude가 이를 완성도 있는 화면으로 바꿔줍니다.

이 방식을 흔히 바이브 디자인(Vibe Design)이라고 부릅니다. "따뜻하고 신뢰감 있는 동네 카페 홈 화면"처럼 느낌을 말하면, 구체적인 화면이 나오는 식입니다. 앞 장에서 일을 '말로 시켰던' 것처럼 디자인도 말로 시킵니다.

1.2.2 진짜로 '작동하는' 화면

Claude Design이 만드는 것은 멈춰 있는 그림이 아닙니다. 버튼을 누르면 반응하고, 화면이 전환되고, 입력칸에 글자가 써지는 인터랙티브한 화면입니다. 그림을 보며 "여기를 누르면 이렇게 됩니다"라고 상상할 필요 없이, 실제로 눌러보며 확인할 수 있습니다.

1.2.3 우리 브랜드를 기억하는 디자인

회사의 디자인 자료나 브랜드 규칙을 한 번 올려두면, Claude Design이 그 팀만의 색상·폰트·컴포넌트 스타일을 학습합니다. 이후 만드는 모든 작업물에 이 브랜드가 그대로 입혀져, 일관된 디자인을 손쉽게 유지할 수 있습니다. 브랜드 학습은 이 장 뒤쪽에서 자세히 다룹니다.

1.2.4 내보내기와 개발 연동

완성한 작업물은 한곳에 갇히지 않습니다. 발표용 PDF·PPTX, 디자이너가 이어서 편집할 수 있는 Canva, 웹에 바로 올리는 HTML, 항상 최신 버전이 유지되는 공유 URL로 내보낼 수 있습니다. 실제 코드 구현이 필요하면 Claude Code 핸드오프, 즉 작업물을 개발 도구로 그대로 넘겨주는 기능으로 이어갈 수도 있습니다.

1.3 무엇을 만들 수 있나

Claude Design으로 만들 수 있는 결과물의 폭은 넓습니다.

• 랜딩 페이지, 가입 폼, 대시보드 같은 웹 화면
• 모바일 앱 온보딩 같은 여러 화면의 흐름
• 발표용 슬라이드 덱과 한 장짜리 원페이저
• 사내에서 쓰는 간단한 도구의 화면

1.4 어디서 시작하나

Claude Design은 따로 설치할 필요가 없습니다. Claude에서 '디자인' 항목을 선택하거나, 웹 브라우저에서 아래 주소로 접속하면 됩니다.

https://claude.ai/design

Claude에 로그인되어 있다면 곧바로 디자인 작업 공간이 열립니다. 평소 쓰던 채팅 화면(claude.ai)과 달리, 디자인 전용 공간의 주소는 /design으로 끝납니다.

Claude Desktop에서는 사이드바 맨 아래에 '디자인' 버튼이 있습니다.

버튼을 클릭하면 디자인 작업 공간이 별도의 창으로 열립니다. 앱 안에서 구동되는 화면이 아니라 웹 형태로 열린다는 점만 알아두면 됩니다.

작업 공간 가운데에는 요청을 적는 입력창이 있고, 그 아래에서 템플릿 하나를 골라 시작할 수 있습니다. 템플릿은 디자인 목적에 맞춰 프롬프트와 옵션을 미리 정해둔 출발점입니다. 고른 뒤에 직접 프롬프트를 고치거나 옵션을 바꿔도 됩니다. 버전이 올라갈수록 템플릿 종류가 계속 늘어나고 있어서, 여기서는 주로 쓰이는 Mobile app design, Slides, Document, Wireframe, Animation 다섯 가지만 소개합니다.

이제 이 가운데 Slides를 골라, 모모의 정원을 소개하는 슬라이드를 직접 만들어 봅니다.