‹ 스킬공유자료실#028 · 10월 7일 꿀팁

클로드 디자인 시작하는 순서

시안 받기부터 시제품·공유까지

단계 7개따라 하기 약 8분
AI 공부방 오픈카카오톡 · 막히면 같이 공부해요
입장하기

한눈에 보기

1Artifacts 탭 열기왼쪽 메뉴›2Design 고르기Make something new›3화면을 말로 적기시안 여러 개 받기›4댓글로 고치기고칠 곳에 한 줄 남기면 클로드가 고쳐요›5눌러 볼 수 있는 시제품버튼을 눌러 다음 화면으로 넘어가 봐요›6공유 · 내보내기Share · PDF · PPTX · HTML›7"build it"은 언제 쓰나실제 앱으로 만들기›8막히면자주 나오는 것›
클로드 디자인(Claude Design)은 만들고 싶은 화면을 말로 적으면 클로드가 첫 시안을 만들어 주는 기능입니다. 목업(겉모습 시안), 눌러 볼 수 있는 시제품, 원페이저, 슬라이드까지 만들 수 있습니다. 영상 속 장면은 앤트로픽 디자이너 Nate가 공식 채널에서 보여 준 데모입니다.

읽는 순서 — ① Artifacts 탭 열기 → ② Design 고르기 → ③ 화면을 말로 적기 → ④ 댓글로 고치기 → ⑤ 시제품 만들기 → ⑥ 공유·내보내기 → ⑦ "build it"은 언제 쓰나 → ⑧ 막히면.
준비물
  1. 클로드 유료 플랜(Pro 이상) — 무료 플랜에서는 아직 쓸 수 없습니다. 아래 주의 상자를 꼭 보세요.
  2. claude.ai 접속 — 브라우저에서 열면 됩니다.
  3. 만들고 싶은 화면 아이디어 — "○○ 앱 첫 화면" 정도면 충분합니다.
1

Artifacts 탭 열기왼쪽 메뉴

claude.ai 에 로그인한 뒤 왼쪽 메뉴에서 Artifacts(아티팩트, 클로드가 만든 결과물을 모아 두는 곳)를 누릅니다.

2

Design 고르기Make something new

Make something new(새로 만들기) 아래 카드 3장 — Docs Beta / Slides Beta / Design Beta — 중에서 Design을 고릅니다.

이렇게 되면 성공 — 입력창에 "What should this design show?"(이 디자인에 무엇을 보여 줄까요?) 안내 문구가 보입니다.
3

화면을 말로 적기시안 여러 개 받기

만들고 싶은 화면을 적습니다. 예를 들면 이렇게요.

○○ 앱 첫 화면 시안을 몇 가지 만들어 주세요.

공식 데모에서 쓴 영어 문장은 아래와 같습니다. 이 한 줄에 서로 다른 시안 4개(A·B·C·D)가 나왔습니다.

design a silly onboarding for this silly app. start from what we have currently, and do a series of designs for new ideas
4

댓글로 고치기고칠 곳에 한 줄 남기면 클로드가 고쳐요

마음에 드는 시안에서 고치고 싶은 곳에 댓글을 달고 Send to Claude(클로드에게 보내기)를 체크합니다. 데모에서는 "새를 훨씬 크게"라는 댓글 한 줄로 그 부분이 바뀌었습니다.

@Claude Bigger bird. Much bigger.

글자 수정, 드래그로 위치·크기 바꾸기 같은 작은 건 편집 화면에서 직접 해도 됩니다.

5

눌러 볼 수 있는 시제품버튼을 눌러 다음 화면으로 넘어가 봐요

마음에 드는 시안이 정해지면 이렇게 요청합니다.

이 시안으로 클릭해 볼 수 있는 시제품을 만들어 주세요.
이렇게 되면 성공 — 버튼을 직접 눌러 다음 화면으로 넘어가 보는 시제품이 생깁니다.
6

공유 · 내보내기Share · PDF · PPTX · HTML

위쪽 Share(공유) 버튼으로 링크 하나를 팀원에게 보낼 수 있습니다. 결과물은 처음엔 나만 보이게(private) 만들어집니다. 파일이 필요하면 PDF·PPTX·HTML로 내보내세요.

7

"build it"은 언제 쓰나실제 앱으로 만들기

영상 마지막의 "ok claude. build it."(이제 진짜로 만들어 주세요)은 시제품을 실제 코드로 만드는 단계입니다. 이건 클로드 코드(코딩용 클로드 프로그램)에서 내 코드 폴더를 연결한 상태여야 할 수 있습니다.

코딩이 처음이라면 5단계(시제품)까지만 해도 충분합니다. 시안을 확정하고 공유하는 데까지는 코드가 필요 없습니다.

8

막히면자주 나오는 것

유료 플랜 전용 · 베타 · 순차 적용 중입니다. 클로드 디자인은 모든 유료 플랜에 포함되지만 아직 베타(시험판)이고, Pro·Max부터 몇 주에 걸쳐 차례로 열리고 있습니다. 유료인데도 Design 카드가 안 보이면 아직 내 계정 차례가 안 온 것일 수 있습니다. Team 플랜과 무료 플랜은 추후 예정입니다.

회사 계정(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 공지)
  • 한국어 입력 결과는 직접 확인하지 못했습니다.
AI 공부방 오픈카카오톡 · 막히면 같이 공부해요
입장하기
‹ 다른 자료 보러 가기

트렌드코어 스킬공유자료실 · 무료