1. 캔버스, 디자인이 사는 무대

Claude Design의 메인 캔버스는 결과물이 살아 움직이는 무대입니다. 단순히 그림을 보여주는 화면이 아니라, 만든 디자인을 직접 만지고 확인하는 공간입니다. 이번 장에서는 캔버스를 능숙하게 다루는 법과, 작업 내용을 안전하게 관리하는 법을 배웁니다.

2. 캔버스에서 할 수 있는 것

캔버스에서 우리가 하는 일은 크게 세 가지입니다.

2.1 보기 — 확대하고 이동하기

디자인의 전체 균형을 볼 때는 축소해서 한눈에 담고, 버튼 모서리 같은 디테일을 살필 때는 확대합니다. 화면이 여러 개라면 캔버스를 이리저리 이동하며 흐름을 확인합니다. 종이 위에 시안을 펼쳐놓고 한 발짝 물러나 보는 것과 같습니다.

2.2 확인하기 — 진짜로 눌러보기

Claude Design의 결과물은 작동하는 프로토타입입니다. 그러니 눈으로만 보지 말고 직접 눌러보세요.

• 버튼을 클릭하면 다음 화면으로 넘어가는가?
• 입력칸에 글자가 잘 써지는가?
• 탭이나 메뉴를 누르면 반응하는가?

정적인 시안이라면 상상해야 할 인터랙션을, 여기서는 손으로 확인할 수 있습니다. 이것이 Claude Design이 단순한 '그림 도구'와 다른 결정적 지점입니다.

2.3 고치기 — 인라인 수정

앞서 3장에서 배운 대로, 캔버스의 특정 요소를 클릭해 그 부분만 콕 집어 고칠 수 있습니다. 넓은 변경은 대화 패널로, 부분 수정은 인라인으로 — 이 리듬을 기억하세요.

3. 버전 관리 — 되돌릴 수 있다는 안심

디자인은 탐색의 과정입니다. 과감하게 시도하려면 언제든 되돌릴 수 있다는 안심이 필요합니다. Claude Design은 작업을 진행하며 여러 버전을 남기므로, 마음에 들지 않으면 이전 상태로 돌아갈 수 있습니다.

3.1 되돌리기

수정이 마음에 들지 않을 때 가장 간단한 방법은 대화로 부탁하는 것입니다.

방금 변경은 별로야. 그 전 상태로 돌려줘.

3.2 갈래를 나눠 탐색하기

하나의 디자인에서 서로 다른 방향이 고민될 때는, 갈래를 나눠 비교할 수 있습니다.

지금 버전은 그대로 두고,
색감만 다크 모드로 바꾼 버전을 따로 보여줘.
두 개를 비교하고 싶어.

이렇게 하면 "밝은 버전 vs 어두운 버전"을 나란히 두고 고를 수 있습니다. 손으로 했다면 두 배의 시간이 들었을 비교가, 말 한마디로 끝납니다.

4. 프로젝트로 묶어 관리하기

작업은 프로젝트 단위로 보관됩니다. 하나의 프로젝트 안에서 관련된 화면들을 모아두면, 나중에 다시 열어 이어서 작업하거나 동료에게 공유하기 좋습니다.

• 서비스별로 프로젝트를 나누면 브랜드 시스템이 섞이지 않습니다.
• 한 프로젝트 안에서 여러 화면(홈·상세·설정 등)을 함께 다룰 수 있습니다.
• 작업이 복잡하게 꼬였다면, 깨끗한 새 프로젝트에서 다시 시작하는 것도 방법입니다.

5. 직접 해보기

1. 앞 장에서 만든 디자인을 열어, 캔버스를 확대·축소·이동하며 구석구석 살펴봅니다.
2. 버튼과 입력칸을 직접 눌러 인터랙션이 작동하는지 확인합니다.
3. 한 가지 요소(예: 포인트 색)를 바꾼 다른 버전을 만들어, 원본과 비교해 봅니다.
4. 더 마음에 드는 버전을 골라 이어서 다듬고, 마음에 안 드는 변경은 되돌리기로 취소해 봅니다.

6. 정리하며

• 캔버스는 보고·확인하고·고치는 무대다. 결과물은 반드시 직접 눌러보자.
• 버전 관리 덕분에 과감하게 시도하고 안전하게 되돌릴 수 있다.
• 갈래를 나눠 여러 방향을 동시에 비교할 수 있다.
• 작업은 프로젝트 단위로 묶어 관리하고, 중요한 건 틈틈이 백업한다.

여기까지가 Claude Design의 기본기입니다. 다음 장(4장)부터는 원하는 결과를 정확히 끌어내는 프롬프트 작성법을 깊이 있게 파고듭니다.