1. 어디서 시작하나

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

https://claude.ai/design

Claude에 로그인되어 있다면 곧바로 디자인 작업 공간이 열립니다. 일반 채팅 화면(claude.ai)과는 주소가 다르다는 점에 유의하세요. 디자인 전용 공간은 /design 경로에 있습니다.

3. 화면 구성 살펴보기

화면은 크게 2개의 공간으로 나뉩니다. 왼쪽은 Prototype, Slide deck, Template, Other 4가지 유형의 프로젝트를 시작할 수 있는 프로젝트 선택 화면입니다. 오른쪽은 Recent, Your Designs, Examples, Design Systems 4가지 탭이 있는 프로젝트 관리 화면입니다. 프로젝트 선택 화면에서 새 프로젝트를 만들거나, 프로젝트 관리 화면에서 기존 프로젝트를 열면 디자인 작업 공간으로 들어갑니다.

하나씩 살펴보도록 하겠습니다.

3.1 프로젝트 선택 화면

프로젝트 선택 화면에서는 4가지 유형의 프로젝트를 시작할 수 있습니다. 각 유형은 디자인 작업 공간에서 제공하는 기능이 조금씩 다릅니다. 자세한 내용은 3장에서 다루지만, 간단히 설명하자면 다음과 같습니다.

1. Prototype: 인터랙티브한 화면을 만들고 싶을 때 선택합니다. 버튼을 누르면 화면이 바뀌는 등 실제 앱처럼 동작하는 디자인을 만들 수 있습니다.
2. Slide deck: 발표 자료나 피치덱을 만들 때 선택합니다. 페이지 단위로 디자인을 만들고, 페이지 간 전환 효과도 줄 수 있습니다.
3. Template: 여러 화면이 비슷한 구조로 반복되는 디자인을 만들 때 선택합니다. 템플릿을 미리 만들어놓고 사용할 수 있습니다.
4. Other: 위 세 가지 유형에 해당하지 않는 자유로운 디자인을 만들 때 선택합니다. 웹 페이지, 포스터, 인포그래픽 등 어떤 형태의 디자인도 만들 수 있습니다.

이렇게 유형을 선택하면 Design System을 골라야 합니다. 저는 이미 WENIV 디자인 시스템이 업로드 되어 있는데요. 여러분들과 함께 실무에서 사용하는 디자인 시스템을 가지고 실습할 예정입니다. 그 아래에는 Wireframe, High Fidelity 2가지 스타일이 있습니다. Wireframe은 선과 도형 위주로 간단하게 디자인하는 스타일이고, High Fidelity는 실제 색상과 폰트가 적용된 완성도 높은 스타일입니다. Wireframe으로 시작해서 High Fidelity로 발전시키는 과정을 거쳐도 좋고, 처음부터 High Fidelity로 시작해도 좋습니다. 실무에서 사용할 예정이고, 공수를 줄이고 싶다면 Wireframe으로 시작하는 것을 추천드립니다.