[클로드 처음 사용해보기] ⑪ 새로 나온 ‘클로드 디자인’… 웹사이트·슬라이드·영상까지 말로 만든다

클로드 디자인(Claude Design)은 말로 시키면 웹사이트·슬라이드·간단한 애니메이션 영상까지 만들어 주는 기능이다. 디자인 도구를 다룰 줄 몰라도, 원하는 결과를 설명하면 보기 좋은 결과물이 나온다. 어디서 켜고, 어떻게 빠르게 익히는지부터 잡아본다.

1. 클로드 디자인 켜는 법

✦ 프로(Pro)·맥스(Max) 요금제 — 기능 메뉴에서 디자인을 켜 바로 사용.

✦ 팀(Team)·엔터프라이즈(Enterprise) — 관리자가 활성화하면 멤버가 사용. (조직 정책에 따라 노출 위치가 다를 수 있다.)

2. 2분짜리 첫 테스트 3개

🌐 테스트 1 — 멋진 웹사이트 — “○○ 소개 한 페이지 웹사이트 만들어줘. 톤은 □□, 섹션은 △△”처럼 시켜 본다.

🖼️ 테스트 2 — 슬라이드 덱 — 간단한 발표 자료를 만들어 본다(⑩편과 연결).

🎞️ 테스트 3 — 애니메이션 영상 — 짧은 모션 그래픽을 만들어 본다.

각 테스트는 2분이면 감이 온다. 결과를 보고 “색 바꿔”, “더 미니멀하게”로 이어서 다듬으면 된다.

3. 영상 활용 꿀팁

🎬 좋은 슬라이드를 얻고 싶을 때, 먼저 ‘영상(모션)’으로 만들게 한 뒤 핵심 장면을 슬라이드로 가져오면 구성과 흐름이 자연스러워진다.

4. 0에서 1까지 — 본격 워크플로 6단계

🧱 1단계 — 브랜드 시스템 추출(코워크) — 코워크로 우리 로고·색·폰트·톤을 분석해 DESIGN.md 파일로 정리한다.

📤 2단계 — DESIGN.md 업로드 — 그 파일을 클로드 디자인에 올린다.

🎨 3단계 — 생성 — “이 브랜드 규칙으로 ○○를 만들어줘”라고 시킨다.

🔁 4단계 — 반복 수정 — “여백 더”, “폰트 더 크게”처럼 구체적으로 고친다.

✅ 5단계 — 검증 — 실제 화면·기기에서 어떻게 보이는지 확인한다.

📦 6단계 — 내보내기 — 결과물을 파일·코드·이미지로 받아 사용한다.

프롬프트(오퍼스 4.8 기준)
첨부한 DESIGN.md(우리 브랜드 색·폰트·톤)를 기준으로,
[무엇: 예: 신제품 소개 한 페이지]을 만들어줘.
섹션은 [히어로 / 핵심 3가지 / 후기 / 문의], 톤은 [예: 신뢰감 있고 깔끔하게].
먼저 와이어프레임(구조)을 한 번에 보여주고, 내가 OK하면 디자인을 입혀줘.

5. 마음에 드는 디자인 ‘따라 만들기’

📸 참고하고 싶은 화면을 캡처해 올리고 “이 느낌으로, 우리 내용으로 만들어줘”라고 하면 분위기를 살려 재구성해 준다. (타인의 저작물을 그대로 베끼지 말고 ‘참고’로만.)

6. 결국은 ‘안목’이다

👁️ 도구가 좋아질수록 차이를 만드는 건 ‘무엇이 좋은지 알아보는 눈’이다. 여러 번 만들어 보며 좋은 예시를 많이 보는 것이 가장 빠른 실력 향상법이다.

추천 대상: 디자인 도구는 어렵지만 웹페이지·슬라이드·간단한 영상을 직접 만들고 싶은 사람.

이미지 출처: 이디오그램 생성