클로드 아티팩트(Artifacts) 사용법: 만들고 편집하고 공유하기

클로드 아티팩트로 코드·문서·웹앱·그래픽을 대화 옆에서 만들고 편집·공유하는 법을 정리했습니다. 자동 생성 조건, 켜는 법, Publish/Share, Live·AI 아티팩트까지.

아티팩트(Artifacts)는 클로드가 만든 결과물 — 코드, 문서, 웹페이지, 그래픽, 작은 앱 — 을 대화 옆 별도 창에 띄워 바로 보고, 편집하고, 공유할 수 있게 해주는 기능입니다. 복사해서 다른 곳에 붙여 넣을 필요 없이 그 자리에서 미리보고 다듬을 수 있습니다.

아티팩트로 만들 수 있는 것 코드 • 여러 언어 스크립트 HTML 앱 • 웹페이지·간단한 게임 React • 인터랙티브 UI 문서·파일 • 마크다운 문서 • docx·pptx·xlsx·pdf 그래픽 • SVG·Mermaid 다이어그램 Live 대시보드 • 데이터 자동 갱신 전 플랜(무료 포함)에서 사용. 자립적이고 보통 15줄 이상인 결과물은 자동으로 아티팩트가 됩니다(2026년 5월 기준).

아티팩트는 언제 생기나

클로드는 결과물이 자립적(그 자체로 완결)이고 보통 15줄 이상일 때 자동으로 아티팩트를 만듭니다(코드, HTML, 다이어그램, 문서 등). 또는 "이걸 아티팩트로 만들어줘"라고 직접 요청해도 됩니다. 아티팩트는 대화 오른쪽 별도 패널에 렌더되고, 클로드가 수정하면 미리보기가 즉시 갱신됩니다.

켜는 법

대부분의 계정은 기본으로 켜져 있습니다(2026년 2월 이후 만든 무료 계정은 자동). 만약 아티팩트가 안 보이면 설정(Settings) → 기능 미리보기(Feature Preview)에서 Artifacts를 켜세요. 전 플랜(무료·Pro·Max·Team·Enterprise)에서 쓸 수 있습니다.

만들고 다듬기

  1. 원하는 것을 설명합니다. 예: "할 일 트래커 만들어줘", "이 데이터로 막대 차트 그려줘".
  2. Preview(미리보기) 탭에서 결과를 확인하고, 후속 프롬프트로 다듬습니다("색을 바꿔줘", "버튼 추가해줘").
  3. 더 손대고 싶으면 Code(코드) 탭에서 HTML·CSS·JS 등 코드를 직접 확인·편집할 수 있습니다.

공유하기

  • Publish(게시) — 무료·Pro·Max: 공개 링크를 만듭니다. 받는 사람은 클로드 계정 없이도 열어보고 상호작용할 수 있습니다. 계정이 있는 사용자는 리믹스(편집 가능한 자기 사본 만들기)도 됩니다.
  • Share(공유) — Team·Enterprise: 조직 내부에만 공개됩니다(로그인 필요).

⚠️ 게시(Publish)한 아티팩트는 공개되며 검색엔진에 색인될 수 있습니다. 민감한 내용은 게시하지 마세요. (Share/Publish 구분과 동작은 플랜·버전에 따라 다를 수 있습니다.)

더 강력한 기능

  • Live 아티팩트: 다시 열 때마다 최신 데이터로 갱신되는 대시보드·트래커.
  • AI 기반 아티팩트: 아티팩트가 클로드 API를 직접 호출해, 정적 화면이 아니라 똑똑하게 동작하는 앱을 만들 수 있습니다.
  • 영속 저장: 아티팩트당 일정 용량(약 20MB로 안내됨)의 데이터를 세션 간 유지.
  • MCP 연결: 캘린더·Gmail·Slack 등 외부 서비스와 연동(연결은 MCP 연결 가이드).
  • 다운로드 파일: docx·pptx·xlsx·pdf 같은 파일도 아티팩트로 받을 수 있습니다.

편집·반복 작업은 웹/데스크톱이 모바일보다 편합니다(모바일 앱은 주로 보기 용도). 아티팩트와 기능 전반은 프로젝트·아티팩트·메모리 기능 정리도 함께 보세요.

고지: 아티팩트의 종류·공유 방식·용량·켜는 위치는 플랜과 버전에 따라 다르고 바뀔 수 있습니다(일부 수치는 변동 가능). 이 글은 작성 시점(2026년 5월)의 Anthropic 공식 안내(support.claude.com) 기준입니다. 최신 정보는 공식 안내에서 확인하세요. 본 사이트는 Anthropic 공식 사이트가 아닙니다.

이어서 읽어보세요

궁금한 점이 있거나 활용법을 나누고 싶나요?

커뮤니티에서 다른 사용자들과 팁과 노하우를 나눠보세요. 더 많은 가이드도 준비되어 있어요.