클로드 디자인 시작하는 순서
시안 받기부터 시제품·공유까지
한눈에 보기
1Artifacts 탭 열기왼쪽 메뉴›2Design 고르기Make something new›3화면을 말로 적기시안 여러 개 받기›4댓글로 고치기고칠 곳에 한 줄 남기면 클로드가 고쳐요›5눌러 볼 수 있는 시제품버튼을 눌러 다음 화면으로 넘어가 봐요›6공유 · 내보내기Share · PDF · PPTX · HTML›7"build it"은 언제 쓰나실제 앱으로 만들기›8막히면자주 나오는 것›읽는 순서 — ① Artifacts 탭 열기 → ② Design 고르기 → ③ 화면을 말로 적기 → ④ 댓글로 고치기 → ⑤ 시제품 만들기 → ⑥ 공유·내보내기 → ⑦ "build it"은 언제 쓰나 → ⑧ 막히면.
- 클로드 유료 플랜(Pro 이상) — 무료 플랜에서는 아직 쓸 수 없습니다. 아래 주의 상자를 꼭 보세요.
- claude.ai 접속 — 브라우저에서 열면 됩니다.
- 만들고 싶은 화면 아이디어 — "○○ 앱 첫 화면" 정도면 충분합니다.
Artifacts 탭 열기왼쪽 메뉴
claude.ai 에 로그인한 뒤 왼쪽 메뉴에서 Artifacts(아티팩트, 클로드가 만든 결과물을 모아 두는 곳)를 누릅니다.
Design 고르기Make something new
Make something new(새로 만들기) 아래 카드 3장 — Docs Beta / Slides Beta / Design Beta — 중에서 Design을 고릅니다.
화면을 말로 적기시안 여러 개 받기
만들고 싶은 화면을 적습니다. 예를 들면 이렇게요.
공식 데모에서 쓴 영어 문장은 아래와 같습니다. 이 한 줄에 서로 다른 시안 4개(A·B·C·D)가 나왔습니다.
댓글로 고치기고칠 곳에 한 줄 남기면 클로드가 고쳐요
마음에 드는 시안에서 고치고 싶은 곳에 댓글을 달고 Send to Claude(클로드에게 보내기)를 체크합니다. 데모에서는 "새를 훨씬 크게"라는 댓글 한 줄로 그 부분이 바뀌었습니다.
글자 수정, 드래그로 위치·크기 바꾸기 같은 작은 건 편집 화면에서 직접 해도 됩니다.
눌러 볼 수 있는 시제품버튼을 눌러 다음 화면으로 넘어가 봐요
마음에 드는 시안이 정해지면 이렇게 요청합니다.
공유 · 내보내기Share · PDF · PPTX · HTML
위쪽 Share(공유) 버튼으로 링크 하나를 팀원에게 보낼 수 있습니다. 결과물은 처음엔 나만 보이게(private) 만들어집니다. 파일이 필요하면 PDF·PPTX·HTML로 내보내세요.
"build it"은 언제 쓰나실제 앱으로 만들기
영상 마지막의 "ok claude. build it."(이제 진짜로 만들어 주세요)은 시제품을 실제 코드로 만드는 단계입니다. 이건 클로드 코드(코딩용 클로드 프로그램)에서 내 코드 폴더를 연결한 상태여야 할 수 있습니다.
코딩이 처음이라면 5단계(시제품)까지만 해도 충분합니다. 시안을 확정하고 공유하는 데까지는 코드가 필요 없습니다.
막히면자주 나오는 것
회사 계정(Team·Enterprise)인데 안 보일 때 — 관리자가 조직 설정(Organization settings)에서 켜야 합니다.
사용량이 빨리 줄 때 — 디자인 사용량은 내 플랜 한도에 포함되고, 큰 디자인일수록 더 많이 씁니다.
한국어로 써도 되나요 — 공식 데모는 영어였습니다. 한국어로 적어 보고 결과가 어색하면 영어 문장으로 다시 시도해 보세요.
- 데모 흐름·프롬프트 원문·시안 4개·"ok claude. build it." — Claude 공식 영상 "Build an App With Claude Design" (2026-10-02 게시, 2026-10-06 확인)
- 할 수 있는 것·내보내기 PPTX/PDF/HTML·private 기본·유료 플랜 포함·관리자 켜기 — claude.com/product/design (2026-10-06)
- 베타·유료 플랜·Pro/Max부터 순차 적용, Free는 추후 — claude.com/blog/cowork-is-now-claude (2026-09-16 공지)
- 한국어 입력 결과는 직접 확인하지 못했습니다.
트렌드코어 스킬공유자료실 · 무료