Claude로 코드나 문서를 만들었는데, 옆에 미리보기 창이 안 뜨는 경험 한 번쯤 있으실 겁니다.

분명 누구는 잘 쓴다는데 내 화면엔 그냥 긴 텍스트만 주르륵 나오니까 답답하죠. 저도 처음엔 "이거 내 계정만 안 되는 건가?" 싶었습니다.
이 글은 Claude Artifacts가 안 보일 때 비개발자도 따라할 수 있는 5단계 점검법을 정리한 가이드입니다. 설정 메뉴 위치부터 자주 막히는 지점까지, 코드 한 줄 없이 클릭만으로 해결하도록 풀어드립니다.
Artifacts가 뭐고, 왜 안 보이는 걸까
Claude Artifacts는 Claude가 만들어준 코드·문서·웹페이지를 채팅창 옆 별도의 미리보기 창으로 띄워주는 기능입니다.
예를 들어 "간단한 계산기 만들어줘"라고 시키면, 왼쪽엔 대화가 흐르고 오른쪽엔 실제로 동작하는 계산기가 따로 뜹니다. 텍스트로만 보는 것보다 훨씬 직관적이죠.
그런데 이게 안 보이는 이유는 대부분 셋 중 하나입니다.
| 원인 | 빈도 (체감) | 해결 난이도 |
|---|---|---|
| 설정에서 기능이 꺼져 있음 | 가장 많음 | 매우 쉬움 |
| 사용 중인 환경(앱·브라우저) 문제 | 보통 | 쉬움 |
| 계정 플랜·지역 제한 | 드묾 | 보통 |
Anthropic 공식 도움말 기준으로, Artifacts는 무료 플랜에서도 사용할 수 있습니다. 다만 기본값이 켜져 있지 않은 계정이 꽤 많아서, 설정 토글 하나 때문에 못 쓰는 경우가 가장 흔합니다.
1단계 — 설정에서 Artifacts 토글 확인
가장 먼저 봐야 할 곳은 Claude 웹사이트의 기능(Feature) 설정입니다. 90%는 여기서 끝납니다.
순서는 이렇습니다.
claude.ai 로그인 ↓ 좌측 하단 내 이름·이니셜 클릭 ↓ Settings (설정) 선택 ↓ Feature Preview (기능 미리보기) 탭 ↓ Artifacts 토글 ON
저는 처음에 이 토글이 기본 OFF라서 한참 헤맸습니다. 분명 어디선가 "기본 제공"이라고 본 것 같은데, 새로 만든 계정에서는 꺼져 있는 경우가 많더군요.
💡 토글을 켠 다음에는 페이지를 한 번 새로고침(F5 또는 Cmd+R)하세요. 안 그러면 같은 채팅창에서는 여전히 안 뜨는 경우가 있습니다.
메뉴 이름이 "Feature Preview"가 아니라 "Experimental"로 보일 때도 있는데, 같은 자리입니다. Anthropic이 종종 메뉴명을 바꿔서 그렇습니다 (글 작성 시점 기준).
2단계 — 새 대화에서 테스트하기
토글을 켰는데도 안 뜬다면, 새 대화창을 열어 다시 시도해 보세요.
이미 진행 중이던 대화는 설정 변경이 즉시 반영되지 않을 때가 있습니다. 저는 이걸 모르고 30분 동안 "왜 안 되지" 하면서 토글을 켰다 껐다 반복했습니다. 새 대화 하나 열었더니 바로 됐습니다.
테스트용으로 던질 만한 프롬프트는 이런 겁니다.
- "간단한 HTML 페이지로 자기소개서 카드를 하나 만들어줘"
- "Python으로 구구단 출력하는 코드 짜줘"
- "마크다운으로 일주일 식단표 표 만들어줘"
Artifacts가 정상 동작하면, Claude의 답변 중간에 작은 카드(파일 아이콘과 제목이 있는 박스)가 나타나고, 클릭하면 오른쪽에 미리보기 패널이 열립니다.
카드 자체는 보이는데 오른쪽 패널이 안 열린다면, 다음 단계인 화면·브라우저 문제입니다.
3단계 — 브라우저와 화면 크기 점검
Artifacts는 화면이 좁으면 자동으로 접히거나 아예 표시되지 않습니다.
직접 해보니, 노트북 13인치 기준으로 브라우저 창을 절반만 띄워놓으면 Artifacts 패널이 안 열렸습니다. 창을 전체화면으로 키우니까 바로 나타나더군요.
체크리스트로 정리하면 이렇습니다.
- [ ] 브라우저 창을 전체화면으로 키워봤는가
- [ ] 브라우저 줌(확대)이 100%인가 (Ctrl+0 또는 Cmd+0으로 초기화)
- [ ] Chrome·Edge·Safari 최신 버전을 쓰고 있는가
- [ ] 시크릿/프라이빗 모드에서도 동일하게 안 되는가
- [ ] 광고 차단 확장 프로그램을 잠시 꺼봤는가
특히 광고 차단기(uBlock, AdGuard 등)가 Artifacts 패널의 일부 요소를 막아버리는 경우가 보고됩니다. 잠깐 비활성화하고 테스트해 보세요.
⚠️ Internet Explorer는 더 이상 지원되지 않습니다. 회사에서 IE만 쓰신다면 Edge나 Chrome으로 갈아타야 합니다.
4단계 — 모바일 앱과 PC 차이 이해하기
모바일에서 Claude를 쓰고 있다면 화면이 다르게 보입니다.
iOS·Android 공식 앱에서도 Artifacts가 지원되긴 하지만, PC 웹과 달리 카드를 탭해야 미리보기가 전체 화면으로 열립니다. PC처럼 옆에 같이 뜨는 구조가 아니라서, "안 보이는 줄" 알고 그냥 지나치기 쉽습니다.
| 환경 | Artifacts 표시 방식 |
|---|---|
| PC 웹 | 채팅 옆에 패널로 자동 표시 |
| 모바일 앱 | 카드 형태로만 나타남, 탭하면 전체화면 |
| 모바일 웹 | 모바일 앱과 동일 (제한적) |
저는 출퇴근길에 모바일로 쓰다가 "왜 PC처럼 안 뜨지?" 했는데, 답변 중간에 회색 카드 하나가 있더군요. 그걸 누르니 결과물이 펼쳐졌습니다.
모바일에서 더 자세히 보고 싶다면, 결국 PC 웹이 가장 편합니다. 이건 어쩔 수 없는 한계입니다.
5단계 — 그래도 안 되면 의심할 것들
여기까지 했는데도 안 보인다면, 이제 좀 더 깊이 들여다봐야 합니다.
계정 상태 확인
- 무료 플랜의 일일 사용량 한도에 걸린 경우, Claude가 짧은 답변만 주면서 Artifacts를 생성하지 않을 수 있습니다. 몇 시간 뒤 다시 시도해 보세요.
- 회사 계정(Claude for Work·Team)이라면 관리자가 Artifacts 기능을 막아둔 경우가 있습니다. 이건 본인이 해결할 수 없고, 관리자에게 요청해야 합니다.
프롬프트가 너무 짧을 때
"안녕"이나 "오늘 날씨" 같은 짧은 질문에는 Artifacts가 안 만들어집니다. Claude는 결과물이 충분히 길거나 독립된 산출물(코드 파일, HTML 페이지, 긴 문서 등)일 때만 자동으로 Artifacts를 띄웁니다.
명시적으로 "Artifact로 만들어줘" 또는 "오른쪽 패널에 코드 미리보기 띄워줘"라고 요청해 보세요. 저는 이 한 줄을 덧붙인 뒤로 누락되는 일이 거의 없어졌습니다.
지역·네트워크 문제
VPN을 켜놓은 상태에서 일부 지역 IP가 차단되어 Artifacts만 부분적으로 안 뜨는 사례가 사용자 후기로 보고됩니다. VPN을 끄고 다시 시도해 보는 것도 한 번쯤 해볼 만합니다.
자주 막히는 부분과 해결 팁
직접 써보면서 "이건 진짜 헷갈리겠다" 싶었던 지점을 모아봤습니다.
| 증상 | 가능한 원인 | 빠른 해결 |
|---|---|---|
| 토글은 켰는데 여전히 안 보임 | 기존 대화 캐시 | 새 대화 열기 + 새로고침 |
| 카드는 뜨는데 클릭해도 안 열림 | 광고 차단기 | 확장 프로그램 끄기 |
| 코드는 만들어주는데 카드가 없음 | 프롬프트가 모호 | "Artifact로 만들어줘" 명시 |
| 어제는 됐는데 오늘 안 됨 | 무료 플랜 한도 | 몇 시간 후 재시도 |
| 모바일에선 보이는데 PC만 안 됨 | 브라우저 또는 줌 설정 | 시크릿 모드로 테스트 |
솔직히 말하면, Artifacts는 아직 "기능 미리보기" 단계입니다. 그래서 가끔 멀쩡히 잘 되다가 갑자기 카드가 안 뜨거나, 패널이 회색으로 비어 있는 일이 있습니다.
이럴 땐 새로고침 한 번, 새 대화 한 번이 거의 만병통치약입니다. 너무 깊이 파지 말고 가볍게 다시 시작해 보세요.
마무리
여기까지 다 해봤다면 Artifacts가 안 보일 가능성은 거의 없습니다.
가장 자주 막히는 건 설정 토글과 새 대화 새로고침, 이 두 가지입니다. 나머지는 환경 차이나 일시적 문제라서 시간이 지나면 자연스럽게 풀리는 경우가 많습니다.
Artifacts가 잘 떠도 처음엔 뭘 시켜야 할지 막막할 수 있습니다. 가벼운 HTML 카드 만들기, 간단한 게임, 마크다운 표 같은 걸로 한두 번 놀아보면 감이 옵니다.
다음엔 Artifacts로 비개발자가 실제로 써먹을 만한 작업 5가지를 정리해 보겠습니다. 이력서 한 장 페이지, 가계부 표, 공부 계획표처럼 일상에 바로 쓰는 예시들입니다.
함께 보면 좋은 글
'AI & LLM > Claude & Anthropic' 카테고리의 다른 글
| Claude vs Gemini 3.5 Flash, 컴퓨터 제어 누가 더 잘할까 (0) | 2026.07.06 |
|---|---|
| Claude Artifacts로 가계부 앱 직접 만들기 — 코딩 0줄 따라하기 (0) | 2026.06.30 |
| Claude Code 자주 막히는 에러 10가지 한국어 해결법 (0) | 2026.06.28 |
| Claude Code "command not found" 에러 해결법 7가지 (0) | 2026.06.27 |
| Claude Mythos 30일 데이터 보관 정책 정리 (0) | 2026.06.26 |