“대출 이자 계산기가 하나 있으면 좋겠는데, 코딩은 할 줄 모른다.” 이런 분에게 가장 먼저 권하는 클로드 기능이 아티팩트(Artifacts)입니다. 원하는 도구를 말로 설명하면 클로드가 대화창 옆에 실제로 작동하는 웹페이지나 계산기를 만들어 주고, 마음에 들 때까지 대화로 고칠 수 있습니다.
클로드 아티팩트는 2026년 9월 16일 크게 개편되어, 예전 글에 나오는 공유·게시 방법과 지금 방식이 다릅니다. 이 글에서는 개편 이후 기준으로 클로드 아티팩트를 만드는 법, 무료와 유료 플랜의 차이, 공유 방법, AI 기능이 들어간 앱과 데이터 저장, 제한 사항, 그리고 만든 계산기를 블로그에 올리는 방법까지 정리했습니다.
30초 요약
① 아티팩트는 클로드가 만들어 주는 문서·웹페이지·대시보드·작은 도구로, 사이드바의 아티팩트 탭에 저장됩니다.
② 만드는 것은 무료 플랜도 되지만, 새 아티팩트를 링크로 공유하는 기능은 Pro 이상 유료 플랜용입니다.
③ 9월 16일 개편 후 새 아티팩트는 기본 비공개이고, 보기·댓글·편집 권한을 나눠 공유합니다.
④ 아티팩트 안에서 클로드를 부르는 AI 앱도 만들 수 있으며, 사용량은 만든 사람이 아니라 쓰는 사람의 한도에서 차감됩니다.
⑤ 블로그에 계산기를 올리고 싶다면 아티팩트 코드를 복사해 워드프레스 HTML 블록에 넣는 방법이 가장 확실합니다.
클로드 아티팩트란 무엇인가
Anthropic은 아티팩트를 “남에게 보여 줄 만한, 클로드가 만들어 준 모든 것: 디자인, 발표 자료, 문서, 대시보드, 작은 대화형 도구”라고 정의합니다. 클로드는 내용이 길고(보통 15줄 이상) 나중에 고치거나 다시 쓸 가능성이 높을 때 답을 대화창이 아닌 아티팩트로 만듭니다. 만든 아티팩트는 사이드바의 아티팩트 탭에 모입니다.
| 종류 | 예시 |
|---|---|
| 웹페이지 | 소개 페이지, 랜딩 페이지, 이벤트 안내 |
| 대화형 도구 | 계산기, 체크리스트, 퀴즈, 타이머, 비교표 |
| 대시보드 | 엑셀 데이터를 넣은 차트·통계 화면 |
| 문서 | 보고서, 기획서, 함께 쓰는 문서 |
| 디자인·발표 자료 | 목업, SNS 이미지, 슬라이드 |
| 다이어그램 | 흐름도, 구조도, SVG 그림 |
2026년에는 Claude Design(목업·랜딩 페이지·SNS 이미지), Claude Slides(발표 자료), Claude Docs(함께 쓰는 문서) 같은 템플릿형 아티팩트도 생겼습니다. 고객지원 문서 기준으로 템플릿은 유료 플랜용 베타 기능이며, Enterprise는 관리자가 켜야 쓸 수 있습니다. 결과물은 종류에 따라 Word, 파워포인트, PDF, HTML 등으로 내보낼 수 있습니다.
클로드 아티팩트 플랜별 차이
- 무료 플랜: 대화 중에 아티팩트를 만들 수 있습니다. 템플릿, 앱 연결, 데이터 저장은 빠져 있고, 새 아티팩트의 링크 공유도 유료 기능입니다.
- Pro·Max: 링크 공유, 이메일 초대, 템플릿(베타), 데이터 저장, 앱 연결(커넥터)을 쓸 수 있습니다.
- Team·Enterprise: 위 기능에 더해 조직 내 공유가 되고, Enterprise는 그룹 단위 공유도 됩니다. 단, Enterprise의 템플릿과 조직 밖 공유는 관리자가 켜야 합니다.
- 사용량 프로모션: 2026년 10월 1~15일(미국 태평양 시간 기준)에는 Pro·Max·Team에서 아티팩트를 만들거나 고친 뒤 이어지는 메시지의 5시간 세션 한도 소모가 50% 줄어듭니다. 주간 한도는 그대로이고, Free·Enterprise와 Claude Code는 대상이 아닙니다.
요금제별 가격과 한도는 클로드 요금제 2026 총정리에 정리했습니다.
클로드 아티팩트 만드는 법
- 설정 확인: 설정 > 기능(Capabilities)에서 “클라우드 코드 실행 및 파일 생성(Cloud code execution and file creation)”이 켜져 있어야 아티팩트가 만들어집니다. Team·Enterprise 플랜은 관리자가 조직 설정 > 기능에서 켜야 합니다.
- 무엇을 만들지 구체적으로 요청: 어떤 값을 입력받고, 무엇을 계산하고, 결과를 어떻게 보여 줄지 적습니다.
- 대화로 고치기: “모바일에서 글자가 너무 작아”, “결과를 표로도 보여 줘”처럼 말로 수정합니다. 수정 전 상태를 남겨 두고 싶다면 아래 5번처럼 앞선 메시지를 수정해 갈래를 나누는 방법이 안전합니다.
- 오류가 나면: 화면에 뜨는 “Claude로 고치기(Try fixing with Claude)” 버튼을 누르면 오류 내용을 클로드에게 바로 보냅니다.
- 다른 방향 시도: 앞선 메시지를 수정하면 대화가 갈라져, 원래 버전은 그대로 두고 다른 디자인을 시험해 볼 수 있습니다.
계산기 만들기 프롬프트 예시
아래처럼 입력값, 계산식, 화면 구성을 함께 적으면 한 번에 쓸 만한 결과가 나옵니다.
대출 상환 계산기를 아티팩트로 만들어 줘.
– 입력: 대출 금액(원), 연 이자율(%), 기간(개월), 상환 방식(원리금균등/원금균등/만기일시)
– 계산: 월 이자율은 연 이자율÷12로 계산
– 결과: 첫 달 상환액(원금균등은 매달 줄어드니 마지막 달 금액도), 총 이자, 총 상환액을 크게 보여 주고, 아래에 월별 상환표(회차, 상환원금, 이자, 남은 원금)
– 숫자는 천 단위 쉼표, 모바일에서도 보기 좋게, 밝은 색 배경
비슷한 방식으로 “연봉 실수령액 계산기”, “블로그 글 글자 수·읽기 시간 계산기”, “여행 경비 나누기 계산기” 같은 도구도 바로 만들 수 있습니다. 계산 결과는 반드시 직접 몇 번 검산해 보세요. 클로드가 만든 공식도 틀릴 수 있습니다.
웹페이지 만들기 프롬프트 예시
우리 동네 반찬가게 소개 웹페이지를 아티팩트로 만들어 줘.
– 구성: 상단 가게 이름과 한 줄 소개, 대표 메뉴 6개 카드, 영업시간 표, 오시는 길 안내
– 분위기: 따뜻한 베이지 계열, 손글씨 느낌 제목
– 한 페이지로, 휴대폰 화면에 맞게
클로드 아티팩트 찾기·내보내기·모바일 사용
- 다시 찾기: 만든 클로드 아티팩트는 대화가 달라도 사이드바의 아티팩트 탭에 모여 있어 언제든 다시 열 수 있습니다.
- 내보내기(템플릿형): 오른쪽 위 “내보내기(Export)”를 누르면 문서는 Word·PDF·마크다운·구글 문서로, 슬라이드는 파워포인트·PDF로, 디자인은 zip·PDF·파워포인트·HTML로 받을 수 있습니다.
- 코드 보기·복사·다운로드(레거시): 9월 16일 이전에 대화에서 만든 아티팩트는 패널 위쪽 버튼으로 코드를 보거나 내용을 복사하거나 내려받을 수 있습니다.
- 모바일 앱: 클로드 iOS·안드로이드 앱에서도 대화 중에 아티팩트를 요청하고 아티팩트 탭에서 결과를 볼 수 있습니다. 다만 템플릿으로 시작하기, 직접 편집, 공유 설정 변경은 웹이나 데스크톱 앱에서만 됩니다.
클로드 아티팩트 공유하는 법 (9월 개편 이후)
9월 16일 개편 이후 새로 만든 아티팩트는 공유 방식이 바뀌었습니다. 그 전에 대화에서 만든 아티팩트는 “레거시 아티팩트”로 분류되어 예전 방식이 일부 남아 있습니다.
| 항목 | 새 아티팩트 | 레거시 아티팩트 (9월 16일 이전) |
|---|---|---|
| 기본 상태 | 비공개 | – |
| 링크 공유 | 유료 플랜 (“링크가 있는 누구나”) | 무료 플랜도 게시 가능 |
| 권한 | 보기 / 댓글 / 편집 3단계 | 보기 |
| 이메일 초대 | 유료 플랜, 아티팩트당 최대 50명 (수락 전 초대는 30일 뒤 만료) | – |
| 보는 사람 계정 | 클로드 계정이 필요하다는 안내 | 게시된 경우 계정 없이 보기 가능 |
| 웹사이트에 임베드 | 공식 안내 없음 | 임베드 코드 + 허용 도메인 설정 |
- Team·Enterprise: 조직 밖 공유는 관리자가 외부 공유를 켜야 가능합니다.
- 게시 취소: 게시를 취소하면 다시 게시할 수 없고 저장된 데이터도 지워지니 신중하게 결정하세요.
- 외부 초대자 제한: 조직 밖에서 초대받은 사람은 다른 사람을 초대하거나 공유 설정을 바꿀 수 없고, 아티팩트 안의 클로드(AI) 기능과 커넥터 기능도 쓸 수 없습니다.
- 모바일에서는 공유 설정 불가: 공유 설정은 iOS·안드로이드 앱에서 바꿀 수 없으니 웹이나 데스크톱 앱에서 하세요.
AI 기능이 들어간 아티팩트와 데이터 저장
아티팩트의 가장 강력한 기능은 그 안에서 클로드를 부를 수 있다는 점입니다. API 키 없이도 “입력한 문장을 블로그 제목 5개로 바꿔 주는 도구”, “영어 일기를 첨삭해 주는 튜터”, “꿈 해몽 앱” 같은 AI 앱을 만들 수 있습니다. 이때 AI 사용량은 만든 사람이 아니라 그 앱을 쓰는 사람의 플랜 한도에서 차감되고, 공유 자체에는 추가 비용이 들지 않습니다. 단, 조직 밖에서 이메일로 초대받은 사람에게는 AI 기능이 작동하지 않습니다.
- 데이터 저장(유료): 아티팩트당 최대 20MB의 텍스트를 저장할 수 있습니다. 각자 자기 데이터만 보는 “개인” 방식과 모두가 같은 데이터를 보는 “공유” 방식이 있어, 일기장·습관 체크·팀 투표·게임 순위표 같은 도구를 만들 수 있습니다.
- 앱 연결(유료): 아사나, 구글 캘린더, 슬랙 같은 커넥터를 아티팩트에 연결할 수 있습니다. 보는 사람이 처음 쓸 때 자기 계정으로 로그인해 접근을 승인합니다.
- 공식 활용 예시: 코드 리뷰·외국어 연습 튜터, 슬랙 글을 링크드인 글로 바꾸는 생성기, “5 Whys” 문제 해결 도구, 체크리스트와 대시보드 등.
클로드 아티팩트 제한 사항
아티팩트는 서버 없이 한 페이지로 동작하는 구조라 몇 가지 제한이 있습니다. 아래 내용은 공식 문서(Claude Code에서 게시하는 아티팩트 기준)에 나온 제한으로, 대화에서 만든 아티팩트도 대체로 비슷하다고 보면 됩니다.
- 외부 스크립트는 cdnjs, unpkg, jsDelivr, Tailwind CDN, jQuery CDN에서만 불러올 수 있고, 글꼴은 구글 폰트만 됩니다.
- 외부 이미지 주소는 막혀 있어 이미지는 파일 안에 넣어야 합니다.
- 다른 서버로 데이터를 보내거나 받아오는 통신은 아티팩트 자신의 주소로만 가능합니다.
- 백엔드(서버)가 없고, 한 페이지짜리만 됩니다.
- 페이지 크기는 최대 16MiB입니다.
그래서 “실시간 주식 시세를 가져오는 계산기”처럼 외부 데이터를 불러와야 하는 도구는 그대로는 만들기 어렵고, 데이터를 직접 입력하는 방식으로 설계해야 합니다.
클로드 아티팩트로 만든 계산기를 블로그에 올리는 법
블로그 운영자에게 아티팩트는 체류 시간을 늘리는 좋은 도구입니다. 다만 새 아티팩트는 공식적으로 웹사이트 임베드 기능이 안내되어 있지 않고, 보는 사람이 클로드 계정을 요구받을 수 있어 블로그 방문자용으로는 불편합니다. 가장 확실한 방법은 코드를 내 블로그에 직접 넣는 것입니다.
- 클로드에게 “외부 라이브러리 없이 HTML, CSS, 자바스크립트를 한 파일에 담은 버전으로 만들어 줘. 스타일은 다른 요소와 섞이지 않게 고유한 클래스 이름 아래로 묶어 줘”라고 요청합니다.
- 완성된 코드를 복사합니다.
- 워드프레스 블록 편집기에서 “사용자 정의 HTML” 블록을 추가하고 코드를 붙여 넣습니다. 스크립트가 들어간 코드는 관리자 계정(멀티사이트는 슈퍼 관리자)으로 저장해야 지워지지 않습니다.
- 미리보기로 PC와 휴대폰에서 모두 작동하는지 확인합니다. 보안 플러그인이나 방화벽이 스크립트 저장·실행을 막거나, 캐시·최적화 플러그인이 자바스크립트를 합치거나 지연시켜 계산기가 멈추는 경우가 있으니 로그아웃한 상태에서 실제 화면으로 다시 확인하세요.
- AI 기능이나 데이터 저장을 쓰는 아티팩트는 클로드 안에서만 작동하므로, 블로그에 옮길 때는 이런 기능이 없는 순수 계산 도구 버전으로 받아야 합니다.
계산기와 함께 사용법과 계산 근거를 글로 충분히 적어 두면, 검색 노출과 애드센스 모두에 도움이 됩니다.
클로드 아티팩트 활용 아이디어 10가지
| 누구에게 | 만들어 볼 아티팩트 |
|---|---|
| 블로거 | 글자 수·읽기 시간 계산기, 제목 아이디어 생성기(AI), 글 주제별 체크리스트 |
| 직장인 | 회의 시간 비용 계산기, 주간 업무 대시보드, 엑셀 데이터 차트 화면 |
| 자영업자 | 가게 소개 웹페이지, 메뉴 원가·마진 계산기, 예약 안내 페이지 |
| 학생·수험생 | 단어 암기 퀴즈, D-day 공부 계획표, 오답 노트 정리 도구 |
| 가족 | 여행 경비 나누기 계산기, 가족 일정 체크리스트, 아이 용돈 기록장(데이터 저장) |
처음에는 계산기나 체크리스트처럼 입력과 결과가 분명한 도구부터 만들어 보세요. 익숙해지면 데이터 저장을 붙여 기록이 남는 도구로, 그다음에는 AI 기능을 넣은 앱으로 단계를 올리면 됩니다. 만든 도구를 여러 사람이 함께 쓰게 하려면 유료 플랜의 링크 공유를, 불특정 다수에게 보여 주려면 블로그에 코드를 직접 넣는 방법을 고르면 됩니다.
클로드 아티팩트 잘 만드는 팁
- 화면 구성을 글로 그리기: “위에는 입력칸 3개, 아래에는 결과 카드”처럼 배치를 설명하면 원하는 모양에 빨리 가까워집니다.
- 예시 데이터 주기: 표나 차트는 실제와 비슷한 예시 데이터를 몇 줄 붙여 주면 정확해집니다.
- 한 번에 하나씩 고치기: 여러 수정 사항을 한꺼번에 요청하기보다 하나씩 고치는 편이 결과가 안정적입니다.
- 모바일 확인: 블로그 방문자 대부분은 휴대폰으로 들어오니 “모바일 우선”을 꼭 넣으세요.
- 모델: 복잡한 도구는 Opus 5.5가 안정적입니다. 모델 차이는 Fable 5.1 vs Opus 5.5 차이를 참고하세요.
클로드 아티팩트 체크리스트
- 설정 > 기능에서 코드 실행·파일 생성 켜기
- 입력값·계산식·결과 표시 방식을 구체적으로 요청
- 계산 결과는 직접 검산하기
- 공유는 유료 플랜, 권한(보기·댓글·편집) 확인
- AI 앱은 쓰는 사람의 한도가 차감된다는 점 안내
- 블로그에는 단일 HTML 코드로 받아 HTML 블록에 넣기
클로드 아티팩트 자주 묻는 질문
무료 플랜에서도 클로드 아티팩트를 만들 수 있나요?
네. 무료 플랜도 대화 중에 아티팩트를 만들 수 있습니다. 다만 새 아티팩트의 링크 공유, 템플릿, 데이터 저장, 앱 연결은 유료 플랜 기능입니다.
아티팩트가 안 만들어지고 답이 대화창에만 나와요.
설정 > 기능에서 “클라우드 코드 실행 및 파일 생성”이 켜져 있는지 확인하고(Team·Enterprise는 관리자 설정), 요청할 때 “아티팩트로 만들어 줘”라고 분명히 적어 보세요. 클로드는 보통 15줄이 넘는 독립적인 결과물일 때 아티팩트를 만들기 때문에, 아주 짧은 요청은 대화창에 답이 나올 수 있습니다.
내가 만든 AI 앱을 다른 사람이 쓰면 내 사용량이 줄어드나요?
아닙니다. 아티팩트 안의 AI 기능 사용량은 그 앱을 쓰는 사람 각자의 플랜 한도에서 차감됩니다.
예전에 만든 아티팩트는 어떻게 되나요?
9월 16일 이전 대화에서 만든 아티팩트는 레거시 아티팩트로 남아 있고, 이미 게시한 것은 계정 없이도 볼 수 있습니다.
아티팩트를 블로그에 임베드할 수 있나요?
임베드 코드 기능은 현재 레거시 아티팩트 기준으로만 안내되어 있습니다. 새 아티팩트를 블로그에 넣고 싶다면 단일 HTML 코드로 받아 워드프레스 HTML 블록에 넣는 방법을 권합니다.
함께 보면 좋은 글
출처
- Claude 고객지원: 아티팩트란 무엇이며 어떻게 쓰나
- Claude 고객지원: 아티팩트 공유하기
- Claude 아티팩트 기능 소개
- Claude Code 문서: 아티팩트
- Claude 튜토리얼: 아티팩트로 AI 앱 시제품 만들기
- 아티팩트 사용량 프로모션 (2026.10.1~15)
- Claude 릴리스 노트
2026년 10월 6일까지 공개된 자료를 기준으로 정리한 일반 정보입니다. 아티팩트 공유·게시 방식은 개편 직후라 자주 바뀔 수 있으니 Claude 고객지원 페이지에서 최신 내용을 확인하세요.