# Claude Design으로 시안과 프로토타입 만들기

> 대화·캔버스·댓글로 시안을 만들고 버전·내보내기·공유를 관리한다.

원문: https://www.aihoon.kr/guide/consumer/claude-design

Claude Design은 대화와 캔버스로 화면·발표·시안을 만들고 수정하는 기능입니다. 필요한 화면의 목적과 내용부터 정하고, 시각 자료를 보며 구체적인 부분을 고칠 수 있습니다.

## 시작과 지원 범위

Pro·Max·Team·Enterprise에 베타로 제공되며 조직 설정에 따라 허용이 필요합니다. 웹의 [Claude Design](https://claude.ai/design)이나 데스크톱의 해당 메뉴에서 열 수 있습니다. 모바일에서는 대화로 생성 요청과 결과 보기를 할 수 있지만 캔버스 편집·템플릿 시작·공유 설정은 웹·데스크톱에서 합니다. Free에는 제공되지 않습니다. 프로젝트에 참고 자료를 넣고 대화로 전체 방향, 캔버스 댓글로 특정 부분, 직접 선택·드래그로 위치와 크기를 조정합니다.

현재 Design에는 버전 이력이 없으므로 이전 안이 필요하면 변경 전에 별도 사본이나 내보내기를 요청하고 실제 저장 위치를 확인합니다. ZIP·PDF·PPTX·HTML·Canva 등 지원 내보내기를 선택할 수 있으며 조직에서는 열람·댓글·편집 범위를 관리합니다. 사용량은 다른 Claude 작업과 공유하며 과거의 별도 주간 Design 할당을 현재 기준으로 계산하지 않습니다.

## 가상 강좌 신청 화면 만들기

```text
동네 강좌 신청 화면의 시안을 만들어 주세요.
대상은 처음 방문한 성인이며 목적은 일정과 참가 조건을 읽고 신청 여부를 결정하는 것입니다.
모바일과 PC 화면을 함께 구성하세요.
확정 정보: 9월 22일 19~20시, 정원 30명, 준비물 개인 노트.
장소와 비용은 미정으로 표시하고 신청이 실제로 제출되는 기능은 만들지 마세요.
```

초안에서 버튼 색보다 먼저 읽는 순서를 봅니다. 날짜를 찾기 어렵거나 미정 비용이 접힌 영역에 숨었다면 사용자가 결정에 필요한 정보를 놓칩니다. 신청 버튼을 누르기 전 조건이 보이는지 확인하세요.

```text
모바일 첫 화면에서 날짜와 장소 상태를 함께 볼 수 있게 바꿔 주세요.
비용 미정은 흐린 보조 문구가 아니라 참가 조건 옆에 표시하세요.
본문 내용과 PC의 넓은 여백은 유지하세요.
```

이 요청은 “더 현대적으로”보다 바꿀 이유를 분명히 합니다. 서로 다른 방향을 비교하려면 유지할 안을 별도로 보존했는지 확인한 뒤 다른 배치를 만들어 비교하세요. 한 화면의 작은 수정과 전체 흐름의 변경을 구분하면 검토가 쉬워집니다.

## 브랜드와 디자인 시스템

디자인 시스템은 제공한 로고·색·서체·문서·기존 화면에서 재사용할 구성 요소와 배치 규칙을 추출합니다. 조직의 허용된 설정 권한이 필요하며 통합 경험에서는 `Settings > Design systems`, 별도 Design 경험에서는 초기 설정이나 조직 설정에서 자료를 추가합니다. 코드 저장소가 없어도 실제 발표 파일이나 브랜드 자료로 시작할 수 있습니다.

생성된 색·서체·버튼·카드·간격을 읽고 연습 프로젝트를 만들어 기존 자료와 비교합니다. `Published`를 켜면 해당 조직에서 새로 만드는 프로젝트에 적용됩니다. 수정할 때는 현재 경험의 디자인 시스템 설정에서 대상과 적용 범위를 확인합니다. 별도 Design의 기존 Remix 경로와 새 통합 설정을 같은 메뉴로 가정하지 마세요.

색상표만 주는 것보다 실제 사용 예를 함께 주면 어느 색이 제목·경고·배경인지 설명하기 쉽습니다. 예를 들어 빨강이 브랜드 강조색인지 오류 표시색인지 모르면 시안에서 의미가 섞일 수 있습니다. 사용하지 말아야 할 조합도 알려 주세요.

## 버전·내보내기·한계

캔버스 댓글이 전달되지 않으면 해당 위치와 요청을 대화에 다시 적을 수 있습니다. 긴 대화에서 오류가 나면 같은 프로젝트의 새 대화로 필요한 맥락을 이어가는 방법도 있습니다. 여러 사람이 동시에 편집하는 데에는 제한이 있으므로 누가 어느 부분을 바꾸는지 정합니다.

내보낸 파일은 사용할 앱에서 열어 글꼴·줄바꿈·클릭 흐름을 확인합니다. 프로토타입의 버튼이 보이는 것과 실제 신청·결제 시스템이 연결된 것은 다릅니다. 이 예에서는 제출 기능을 만들지 않았으므로 시연용 표시를 남기면 보는 사람이 오해하지 않습니다.

발표 자료를 만들 때는 청중, 한 문장 핵심 메시지, 장수, 승인된 브랜드 자료부터 지정합니다. 전체 구성은 대화로, 특정 슬라이드의 문제는 해당 위치의 댓글로, 여백·크기 같은 시각 수정은 직접 편집으로 다루면 바뀔 범위를 분명히 할 수 있습니다. 댓글이 사라지거나 반영되지 않으면 위치와 요청을 대화에 복사해 다시 확인하세요.

상호작용이 필요한 시연은 HTML, 일반 발표 전달은 PPTX·PDF·Canva처럼 목적에 맞는 내보내기를 고릅니다. Google Slides 내보내기는 별도 Design 경험의 지원 조건이므로 모든 통합 화면에서 같은 메뉴를 찾지 마세요. 전용 Slides 결과물과 Design 발표도 구분합니다. Docs·Design에는 버전 이력이 없고 새 Cowork 아티팩트의 복원 기능과 다르므로 저장해 둔 사본을 실제로 열어 확인합니다.

발표 파일로 내보냈다면 [보고·발표 결과 확인](/guide/consumer/reports-and-presentations)처럼 실제 파일을 열어 내용과 서식이 의도대로 남았는지 확인하세요.