Claude에게 뭔가를 만들어달라고 했는데, 답변이 길게 나오기만 하고 “결과물”이 안 보인 적 있나요? 클로드 아티팩트는 그 문제를 해결하는 기능입니다. 대화창 옆에 별도 영역이 열리면서 문서, 코드, 웹페이지, 다이어그램 같은 결과물을 바로 보여주고, 그 자리에서 수정까지 할 수 있습니다.
이 글에서는 아티팩트가 일반 채팅과 뭐가 다른지, 어떻게 만들고 고치는지, 그리고 Projects나 PPT 파일 생성과는 어떤 관계인지를 실제 화면 기준으로 정리합니다.
일반 채팅과 뭐가 다른가
일반 채팅에서 Claude에게 코드를 짜달라고 하면, 답변 텍스트 안에 코드 블록이 섞여 나옵니다. 보고서를 써달라고 해도 마찬가지입니다. 대화가 길어지면 그 결과물을 다시 찾아 스크롤해야 하고, 수정을 요청하면 전체를 새로 출력합니다.
아티팩트는 다릅니다.
- 결과물이 대화창 오른쪽 별도 패널에 표시됩니다.
- HTML이나 React 앱이면 그 자리에서 실제로 렌더링되어 동작을 확인할 수 있습니다.
- 수정 요청을 하면 해당 아티팩트만 업데이트됩니다. 대화 흐름은 그대로 유지됩니다.
- 만들어진 결과물을 링크로 공유하거나, 나중에 다시 꺼내 쓸 수 있습니다.
한마디로, 채팅은 “대화”이고 아티팩트는 “결과물”입니다.
클로드 아티팩트 접근 방법
아티팩트는 별도로 활성화할 필요 없이 기본으로 켜져 있습니다. Claude 왼쪽 사이드바에서 아티팩트 메뉴를 누르면 지금까지 만든 아티팩트 목록을 한눈에 볼 수 있습니다.
“전체”, “내 것”, “나와 공유됨” 탭으로 분류되어 있어서 팀에서 공유받은 아티팩트도 여기서 바로 찾을 수 있습니다.
아티팩트 만드는 방법
아티팩트를 만드는 방법은 두 가지입니다.
첫 번째, 대화 중 자동 생성. Claude에게 “포트폴리오 웹페이지 만들어줘”처럼 결과물을 요청하면 Claude가 알아서 아티팩트로 만들어줍니다. 독립적인 결과물이라고 판단되면 자동으로 오른쪽 패널에 표시합니다.
두 번째, “새 아티팩트” 버튼. 사이드바에서 “새 아티팩트”를 누르면 Claude가 어떤 종류의 결과물을 원하는지 몇 가지 질문을 던집니다.
대시보드, 포트폴리오, 도구/계산기, 랜딩 페이지 같은 유형을 선택하거나, “기타”로 직접 설명할 수 있습니다. 질문에 답하면 Claude가 바로 결과물을 만들어줍니다.
수정과 반복 작업
아티팩트의 진짜 장점은 수정이 쉽다는 점입니다. 한번 만들어진 아티팩트에 “색상을 파란색으로 바꿔줘”, “섹션 하나 더 추가해줘”라고 말하면 해당 아티팩트가 그 자리에서 업데이트됩니다.
왼쪽 대화창에서는 수정 요청과 Claude의 설명이 이어지고, 오른쪽 패널에서는 변경된 결과물이 바로 렌더링됩니다. 위 화면처럼 포트폴리오 페이지의 레이아웃, 폰트, 색상을 대화만으로 계속 다듬어나갈 수 있습니다.
결과물이 마음에 들지 않으면 이전 버전으로 돌아가는 것도 가능합니다. 아티팩트 상단의 화살표로 버전을 오갈 수 있어서 “아까 그게 더 나았는데”라는 상황에서도 되돌릴 수 있습니다.
지원하는 아티팩트 유형
2026년 8월 기준, Claude Artifacts가 지원하는 주요 유형은 다음과 같습니다.
| 유형 | 만들 수 있는 것 |
|---|---|
| Document | 보고서, 기획서, 가이드 등 Markdown/텍스트 문서 |
| Code | Python, JavaScript 등 독립적인 코드 결과물 |
| HTML 웹페이지 | 랜딩페이지, 웹 UI, 데이터 시각화 |
| React 앱 | 계산기, 대시보드, 퀴즈 등 인터랙티브 앱 |
| SVG | 벡터 그래픽, 아이콘, 인포그래픽 |
| Mermaid 다이어그램 | 플로우차트, 시퀀스 다이어그램, 구조도 |
이 목록은 “이것만 된다”가 아니라 대표적인 예시입니다. Claude가 독립적인 결과물로 판단하면 아티팩트로 만들어줍니다.
클로드 아티팩트 활용 예시
실제로 많이 쓰이는 조합을 몇 가지 들어보면 이렇습니다.
- 업무 도구: 단위 변환기, ROI 계산기, 일정 관리 보드 같은 간단한 웹앱을 React 아티팩트로 만들어 팀에 공유
- 문서 작업: 회의록, 제안서, 기술 문서를 Markdown 아티팩트로 작성하고 부분 수정
- 시각화: 프로세스 흐름도를 Mermaid로, 데이터 차트를 HTML로, 아이콘을 SVG로 생성
- 프로토타입: 서비스 랜딩페이지나 포트폴리오를 HTML 아티팩트로 빠르게 만들어 피드백 수집
코딩을 모르더라도 “이런 걸 만들어줘”라고 설명하면 되니까, 아이디어를 눈에 보이는 결과물로 바꾸는 속도가 확 빨라집니다.
게시와 공유
만들어진 아티팩트는 다른 사람에게 공유할 수 있습니다. 아티팩트 패널 오른쪽 상단의 공유 버튼을 누르면 공유 설정 창이 열립니다.
Copy link를 누르면 해당 아티팩트의 링크가 복사됩니다. 이 링크를 받은 사람은 Claude 계정 없이도 결과물을 볼 수 있습니다. General access 설정에서 공개 범위를 조절할 수 있고, Shared version에서 어떤 버전을 공유할지 선택할 수도 있습니다.
HTML이나 React 아티팩트의 경우 공유 링크로 접속하면 실제로 동작하는 웹페이지를 볼 수 있어서, 간단한 도구나 프로토타입을 배포 없이 공유하는 용도로 쓸 수 있습니다.
Projects와 클로드 아티팩트 프로젝트 차이
Projects와 Artifacts는 이름이 비슷해서 헷갈리기 쉬운데, 역할이 완전히 다릅니다.
Projects는 Claude에게 맥락을 미리 세팅하는 공간입니다. 위 화면처럼 지침(시스템 프롬프트)을 설정하고, 참고 파일을 올려두고, 관련 대화를 한 곳에 모아둡니다. “이 프로젝트에서는 이런 규칙으로 일해줘”라고 Claude에게 알려주는 작업 환경입니다.
Artifacts는 Claude가 만들어낸 결과물입니다. 문서든, 웹앱이든, 다이어그램이든 대화에서 나온 산출물이 아티팩트입니다.
정리하면 이렇습니다.
| 구분 | Projects | Artifacts |
|---|---|---|
| 역할 | 작업 환경 설정 | 결과물 생성·관리 |
| 포함하는 것 | 지침, 참고 파일, 대화 목록 | 문서, 코드, 웹앱, 다이어그램 |
| 공유 대상 | 팀원(같은 워크스페이스) | 누구에게나 링크로 공유 가능 |
| 관계 | 프로젝트 안 대화에서 아티팩트를 만들 수 있음 | 프로젝트 없이도 생성 가능 |
프로젝트 안에서 대화하면서 아티팩트를 만들 수도 있고, 프로젝트 없이 일반 대화에서 바로 아티팩트를 만들 수도 있습니다.
저장과 관리
아티팩트는 자동으로 저장됩니다. 사이드바의 “아티팩트” 메뉴에서 언제든 다시 열 수 있고, 검색도 가능합니다. “내 것”과 “나와 공유됨” 탭으로 구분되어 있어서 내가 만든 것과 다른 사람이 공유한 것을 따로 관리할 수 있습니다.
다만, 아티팩트는 대화와 연결되어 있습니다. 원래 대화를 삭제하면 아티팩트도 함께 사라질 수 있으니 중요한 결과물은 공유 링크를 저장해두거나 코드를 별도로 복사해두는 게 안전합니다.
PPT 등 파일 생성과 아티팩트의 차이
“Claude로 PPT 만들 수 있나요?”라는 질문을 많이 보는데, 답은 예, 가능합니다. 다만 이건 아티팩트가 아니라 별도의 파일 생성 기능입니다.
Claude는 현재 다음 파일 형식을 직접 생성할 수 있습니다.
- PowerPoint (.pptx)
- Excel (.xlsx)
- Word (.docx)
이 파일들은 아티팩트 패널에 렌더링되는 게 아니라, 대화에서 다운로드 링크로 제공됩니다. “이 내용을 PPT로 만들어줘”라고 요청하면 실제 .pptx 파일이 생성되고, 클릭해서 내려받은 뒤 PowerPoint나 Google Slides에서 열 수 있습니다.
아티팩트: Claude 안에서 보고, 수정하고, 공유하는 결과물 (HTML, React, Markdown, SVG, Mermaid 등)
파일 생성: 외부 프로그램에서 열 수 있는 파일을 만들어 다운로드 (.pptx, .xlsx, .docx, .pdf)
클로드 아티팩트 PPT를 검색하는 분들은 대부분 이 파일 생성 기능을 찾고 계신 겁니다. “PPT 만들어줘”라고 그대로 요청하면 됩니다. Free, Pro, Max, Team, Enterprise 모든 플랜에서 사용할 수 있습니다.
