Claude Artifacts 사용법 완벽 가이드: 웹앱·문서·다이어그램 만들고 공유하기

Claude Artifacts 사용법 완벽 가이드: 웹앱·문서·다이어그램 만들고 공유하기

Claude에게 문서나 코드를 요청했는데 답변 오른쪽에 별도 작업 화면이 열렸다면 그것이 Artifacts(아티팩트)입니다.

Artifacts는 긴 결과물을 채팅 문장 속에 묻어 두지 않고, 독립된 문서·웹페이지·도구처럼 만들고 수정하는 기능입니다. 코딩을 모르는 사용자도 “회의용 타이머를 만들어줘”, “설문 결과를 클릭해서 보는 대시보드로 만들어줘”처럼 설명하면 작동하는 결과물을 만들 수 있습니다.

이 글에서는 Claude Artifacts의 개념, 활성화 방법, 만들 수 있는 결과물, 수정과 버전 관리, 공개·공유·임베드 방법, 개인정보 주의사항과 실전 프롬프트까지 순서대로 설명합니다.

핵심 요약

• Artifacts는 문서, 코드, 웹페이지, SVG, 다이어그램, React 기반 도구처럼 독립적으로 사용할 결과물을 별도 화면에 보여 줍니다.
• 현재는 Settings → Capabilities → Code execution and file creation이 켜져 있어야 합니다.
• 생성 후에는 대화로 수정하고, 버전을 바꾸며, 코드를 복사하거나 파일로 내려받을 수 있습니다.
• Free·Pro·Max는 공개 링크로 발행할 수 있고, Team·Enterprise는 조직 내부 공유 방식이 적용됩니다.
• 공개 전에 첨부 파일, 개인정보, 회사 자료, 외부 코드의 안전성을 반드시 확인해야 합니다.

Claude Artifacts란?

일반 채팅 답변은 질문과 답변 흐름을 이해하는 데 적합합니다. 반면 Artifacts는 다음처럼 그 자체로 완성된 결과물을 만들 때 적합합니다.

• 마크다운 문서와 긴 기획안
• HTML 한 페이지 웹사이트
• 계산기, 퀴즈, 체크리스트 같은 작은 웹앱
• SVG 이미지와 아이콘
• 순서도, 조직도, 프로세스 다이어그램
• 데이터 시각화와 대시보드
• React 기반의 인터랙티브 도구

Anthropic 도움말은 일반적으로 15줄 이상이며, 독립적으로 수정·재사용할 가치가 있는 콘텐츠를 Artifact로 제시합니다. 단순한 한두 문장 답변보다 나중에 다시 쓰거나 공유할 결과물에 적합합니다.

Artifacts 활성화 방법

2026년 7월 기준 Artifacts는 코드 실행 및 파일 생성 기능과 연결되어 있습니다.

개인 계정 Free·Pro·Max

1. Claude 왼쪽 아래에서 이름 또는 이니셜을 클릭합니다.
2. Settings를 엽니다.
3. Capabilities로 이동합니다.
4. Code execution and file creation을 켭니다.
5. 새 채팅을 열고 만들고 싶은 결과물을 설명합니다.

Team·Enterprise

조직 소유자가 Organization settings → Capabilities에서 해당 기능을 허용해야 합니다. 회사 계정에서 메뉴가 보이지 않거나 실행되지 않는다면 개인 설정이 아니라 관리자 정책을 먼저 확인해야 합니다.

처음 Artifact 만들기

처음에는 복잡한 서비스보다 한 가지 기능만 있는 도구를 만드는 것이 좋습니다.

집중 업무용 25분 타이머를 Artifact로 만들어줘.

요구사항:
- 시작, 일시정지, 초기화 버튼
- 남은 시간을 크게 표시
- 25분이 끝나면 화면에 완료 메시지 표시
- 모바일에서도 보기 쉬운 단순한 화면
- 외부 로그인이나 개인정보 저장 기능은 넣지 않기

Claude가 Artifact를 만들면 채팅 옆에 결과 화면이 열립니다. 버튼을 눌러 실제로 동작하는지 확인하고, 문제가 있으면 화면을 설명하며 수정 요청을 이어갑니다.

좋은 Artifact 프롬프트 공식

결과물의 완성도는 다음 6가지를 얼마나 구체적으로 주는지에 따라 달라집니다.

1. 목적: 누구의 어떤 문제를 해결하는가
2. 결과물 종류: 문서, 웹페이지, 계산기, 차트, 다이어그램
3. 핵심 기능: 반드시 작동해야 하는 기능
4. 입력과 출력: 사용자가 무엇을 넣고 무엇을 받는가
5. 화면 조건: 모바일, 색상, 글자 크기, 구성
6. 제외 조건: 로그인, 외부 전송, 결제 등 넣지 않을 기능

신입사원 온보딩 체크리스트를 Artifact로 만들어줘.

사용자: 입사 첫 주를 보내는 신입사원
형식: 체크 가능한 한 페이지 웹앱
항목: 계정 개설, 보안 교육, 팀 소개, 업무 도구 설치, 첫 주 회고
기능: 체크 상태 저장, 전체 진행률 표시, 초기화 버튼
화면: 모바일 우선, 큰 글자, 한 화면에 핵심만 표시
제약: 개인정보 입력란과 외부 서버 전송은 넣지 않기

수정과 버전 관리 방법

Artifact는 한 번에 완성하려 하기보다 작은 수정 단위로 반복하는 편이 안정적입니다.

수정 요청은 한 번에 하나씩

진행률 표시를 원형 그래프가 아니라 가로 막대로 바꿔줘.
나머지 기능과 문구는 그대로 유지해줘.

“더 예쁘게 해줘”보다 바꿀 대상과 유지할 대상을 함께 적어야 예상치 못한 변경을 줄일 수 있습니다.

오류 자동 수정

실행 오류가 나타나면 Try fixing with Claude 버튼이 표시될 수 있습니다. 오류 내용이 새 메시지에 들어가므로 그대로 전송해 수정할 수 있습니다. 자동 수정이 항상 성공하는 것은 아니므로 버튼, 입력값, 모바일 화면을 다시 테스트해야 합니다.

이전 버전으로 돌아가기

Artifact 화면의 버전 선택기를 사용하면 수정 전 결과를 확인할 수 있습니다. 큰 변경 전에 “현재 버전을 유지한 채 다른 방향의 새 버전을 만들어줘”라고 요청하면 비교하기 쉽습니다.

직접 편집과 내보내기

마크다운 문서는 특정 문장을 선택한 뒤 Edit with Claude로 해당 부분만 수정할 수 있습니다. 결과물에 따라 코드를 보거나 복사하고, 파일로 내려받아 외부에서 사용할 수도 있습니다.

공개 발행과 조직 공유의 차이

Free·Pro·Max: Publish

개인 요금제에서는 Publish를 누르면 공개 링크가 만들어집니다. 링크를 아는 사람은 로그인 없이 기본 기능을 보고 사용할 수 있으며, 발행 후 제공되는 임베드 코드를 허용한 도메인에 삽입할 수 있습니다.

주의할 점은 한 번 Unpublish한 동일 Artifact를 다시 발행할 수 없다는 것입니다. 다시 공개하려면 새 Artifact를 만들어야 하며, 저장 기능을 사용한 경우 연결된 저장 데이터도 삭제될 수 있습니다.

Team·Enterprise: Share

조직 요금제에서는 공개 인터넷 발행이 아니라 조직 내부 Share 방식이 적용됩니다. 구성원이 로그인해야 하며, Project에서 만든 Artifact라면 해당 Project 접근 권한도 필요할 수 있습니다.

다른 사람의 Artifact 활용

기존의 Remix 버튼 대신, 공개 Artifact의 코드를 복사해 새 채팅에 붙여 넣고 변경을 요청하는 방식이 사용됩니다. 출처가 불분명한 코드는 파일을 내려받는 것과 같은 위험이 있으므로 신뢰할 수 있는 제작자의 결과물만 사용해야 합니다.

AI 기능·외부 서비스·저장 기능

Artifacts는 단순 화면을 넘어 Claude의 AI 기능을 포함하거나 외부 서비스와 연결할 수 있습니다.

• AI-powered Artifact: 사용자 입력에 따라 Claude가 설명, 생성, 코칭 등을 수행
• MCP 연결: Pro 이상에서 허용된 Asana, Google Calendar, Slack 같은 도구와 연동
• Persistent storage: Pro 이상에서 개인 저장 또는 사용자 간 공유 저장 구성

공유 저장은 다른 사용자가 같은 데이터를 볼 수 있게 만들 수 있습니다. 일기, 고객 정보, 사내 데이터처럼 민감한 값을 넣기 전에 저장 방식이 개인용인지 공유용인지 확인해야 합니다.

실전 활용 예시 5가지

회의 진행 도구

60분 회의 진행용 Artifact를 만들어줘.
안건별 예정 시간, 현재 안건, 남은 시간, 보류 항목을 표시하고
회의 종료 후 결정 사항과 담당자를 마크다운으로 복사할 수 있게 해줘.

설문 결과 대시보드

첨부한 CSV를 기준으로 부서별 만족도와 문항별 평균을 보여 주는
인터랙티브 대시보드 Artifact를 만들어줘.
필터는 부서와 분기만 제공하고, 원본 데이터에 없는 수치는 만들지 마.

교육용 퀴즈

초등학생용 영어 직업 단어 퀴즈를 만들어줘.
문제는 10개, 한 번에 하나씩 표시하고
정답 뒤에 짧은 설명과 최종 점수를 보여줘.

업무 체크리스트

월말 마감 체크리스트를 Artifact로 만들어줘.
업무명, 담당자, 마감일, 상태를 입력하고
지연 항목만 모아 보는 필터와 CSV 내보내기 기능을 넣어줘.

프로세스 다이어그램

고객 문의 접수부터 해결 완료까지 과정을
SVG 순서도로 만들어줘.
단계는 접수, 분류, 담당자 배정, 처리, 고객 확인, 종료이고
예외 상황은 재처리 흐름으로 표시해줘.

공개 전 안전 체크리스트

• 회사 기밀, 고객 정보, 개인 식별 정보가 포함되지 않았는가
• 첨부 파일과 대화 내용이 공유 범위에 노출될 가능성을 확인했는가
• 외부 코드와 라이브러리의 출처를 신뢰할 수 있는가
• 입력값이 외부 서비스나 공유 저장소로 전송되는지 확인했는가
• 버튼, 계산, 모바일 화면, 오류 상황을 직접 테스트했는가
• 결과물의 안내 문구와 실제 동작이 일치하는가

자주 묻는 질문

Artifacts는 무료인가요?

Artifacts 사이드바와 Claude 기반 Artifacts는 Free, Pro, Max, Team, Enterprise에서 지원됩니다. 다만 MCP 연결, 영구 저장, 조직 공유 등 일부 기능은 요금제에 따라 다릅니다.

코딩을 몰라도 만들 수 있나요?

가능합니다. 원하는 사용자, 기능, 입력과 출력, 화면 조건을 자연어로 설명하면 Claude가 코드를 작성합니다. 다만 공개 전에는 실제 동작과 개인정보 처리를 직접 확인해야 합니다.

Artifact가 사이드바에 자동 저장되나요?

대화에서 만든 모든 Artifact가 자동으로 사이드바에 들어가는 것은 아닙니다. 공식 도움말 기준으로 Artifact를 열고 Publish해야 Artifacts 공간에서 다시 찾을 수 있습니다.

웹사이트에 넣을 수 있나요?

개인 요금제에서 발행한 Artifact는 Get embed code를 통해 임베드할 수 있습니다. 허용할 웹사이트 도메인을 지정해야 합니다.

일반 문서 요청과 무엇이 다른가요?

한 번 읽고 끝낼 짧은 답변은 일반 채팅이 편합니다. 반복 수정하거나 실행·공유·다운로드할 독립 결과물은 Artifact가 적합합니다.

마무리

Claude Artifacts의 핵심은 “코드를 만들어 주는 기능”이 아니라 아이디어를 실제로 사용하고 공유할 수 있는 결과물로 바꾸는 작업 공간이라는 점입니다.

처음부터 복잡한 서비스를 만들기보다 한 가지 목적, 한 가지 입력, 한 가지 출력으로 시작하세요. 작동을 확인한 뒤 기능을 하나씩 추가하면 오류를 줄이고 원하는 결과에 더 빠르게 도달할 수 있습니다.

Claude의 기본 화면과 요금제를 먼저 확인하려면 아래 글도 함께 참고하세요.

• Claude 사용법 완벽 가이드
• Claude 요금제 비교
• Claude Projects 사용법

다음 글에서는 PDF, Word, Excel, CSV와 이미지 파일을 Claude에 올려 요약·비교·분석하고 보고서 파일로 만드는 방법을 설명합니다.

공식 출처

• Claude Help Center: What are artifacts and how do I use them?
• Claude Help Center: Publish and share artifacts
• Anthropic: Build and share AI-powered apps with Claude

이 글은 2026년 7월 26일 기준 Anthropic 공식 문서를 바탕으로 작성했습니다. 기능 이름, 지원 요금제와 화면 구성은 이후 변경될 수 있습니다.