클로드 이미지 생성 되나요? 코드로 만들 수 있는 그림 범위 정리
클로드는 이미지 생성 도구처럼 사진이나 일러스트를 그리지 않아요. 대신 SVG·HTML·CSS 코드로 도표, 흐름도, 차트, 썸네일, 모션그래픽을 지어 주고, 올린 이미지를 불러와 글자를 얹는 작업도 해요. 사진처럼 보이는 그림은 클로드 혼자 만들지 못해요.
클로드 이미지 생성이 되는지 궁금해서 찾아보는 분이 많을 거예요. 결론부터 말하면 사진이나 일러스트를 그려 주는 이미지 생성 도구는 아니에요. 대신 코드로 그림을 '짓는' 방식이라, 블로그나 업무 자료에 쓸 도식과 썸네일은 꽤 쓸 만하게 나와요. 지원포유가 직접 요청해 본 결과를 범위별로 짧게 정리했어요.
핵심 요약
- 클로드는 사진·일러스트 생성 도구가 아니라 코드(SVG·HTML·CSS)로 시각 자료를 짓는 방식이에요.
- 흐름도·썸네일·차트·모션그래픽, 첨부 이미지에 글자 얹기까지는 가능하고, 사진 같은 그림은 불가능해요.
- 커스텀 시각 자료는 웹·데스크탑 베타이고 기본으로 저장되지 않아서 이미지 복사나 파일 다운로드가 필요해요.
클로드 이미지 생성, 정확히 어디까지 되나요?
클로드는 사진이나 일러스트를 생성하지 않고, 대화 안에서 도표·차트·대화형 시각 자료를 HTML과 SVG로 직접 만들어요. 공식 도움말 'Can Claude produce images?'에 따르면 이 기능은 웹과 데스크탑에서 베타이고, 올린 이미지를 보고 분석하는 것도 가능해요.
클로드 이미지 생성은 '그리기'가 아니라 '코드로 짓기'입니다. 웹 페이지와 같은 HTML로 지어져서 직접 눌러 보며 쓸 수 있고, 만든 뒤에 후속 질문으로 고칠 수 있어요.
이 글에서는 만들 수 있는 범위를 여섯 가지로 나눠 볼게요. 지원포유 블로그의 썸네일과 카드뉴스도 HTML로 만든 뒤 이미지로 저장해서 쓰고 있어요.
SVG로 도형·아이콘·흐름도를 만들 수 있나요?
가능해요. SVG는 도형과 글자를 코드로 적은 그림 파일이라, 아이콘이 들어간 흐름도를 한 번에 받을 수 있어요.
실제로 아래 요청을 넣었더니 돋보기·연필·체크 클립보드·종이비행기 아이콘이 들어간 4단계 흐름도 SVG 파일이 나왔어요. 글자를 바꾸고 싶으면 파일 안의 글자만 고치면 되고, 블로그에 올릴 때는 PNG로 바꿔 쓰는 게 편하다고 안내해 줬어요.
 |
| 클로드가 SVG로 만든 4단계 흐름도예요. |
💡 꿀팁 색 수와 글자 언어를 요청 문장에 미리 적으면 다시 고칠 일이 줄어요.
HTML·CSS로 썸네일이나 카드를 만들 수 있나요?
가능해요. HTML과 CSS로 크기를 정해 두면 글자와 도형만으로 구성한 썸네일을 받을 수 있어요.
아래 요청에서는 오른쪽에 하늘색 원, 기울어진 남색 네모, 노란 원이 놓인 1200×675 HTML 파일이 나왔어요. 이미지로 저장하려면 브라우저에서 열어 캡처하라고 알려 줬고요. 다만 좁은 미리보기 창에서는 글자와 도형이 겹쳐 보였고, 전체 화면으로 열어야 제대로 보였어요.
 |
| HTML·CSS로 만든 썸네일을 전체 화면으로 연 모습이에요. |
💡 꿀팁 미리보기가 어색해 보여도 전체 화면으로 열어 먼저 확인해 보세요.
데이터를 차트로 바로 보여 줄 수 있나요?
가능해요. 공식 도움말 'Custom visuals in chat and Cowork'에 따르면 따로 켤 것 없이 '이 데이터 차트로 보여 줘'처럼 요청하면 대화창 안에 시각 자료가 그려져요.
예시 숫자로 막대 차트를 부탁했더니 6월만 파란색으로 강조되고, 1월 대비 약 3.4배라는 설명까지 붙었어요. 엑셀 파일로 차트를 만드는 방법은 클로드 엑셀 사용법 글에 따로 정리했어요.
 |
| 대화창 안에 바로 그려진 막대 차트예요(예시 숫자). |
💡 꿀팁 이 차트는 기본으로 저장되지 않는 임시 그림이라, 남기려면 이미지로 복사하거나 .svg·.html로 내려받거나 아티팩트로 저장해야 해요.
클로드 애니메이션 만들기, 모션그래픽도 되나요?
가능해요. HTML과 CSS 애니메이션으로 반복되는 모션그래픽을 아티팩트로 받을 수 있어요.
아래 요청으로 6초 반복 애니메이션이 나왔어요. 막대가 0.3초 간격으로 차례로 자라고, 숫자가 4,050까지 올라간 뒤 '6월 최고 기록' 말풍선이 떠요. 막대와 문구는 CSS 애니메이션이고 숫자 세기만 짧은 스크립트였으며, 화면이 16:9로 고정돼 녹화해 쓰기 편하다고 했어요.
 |
| 6초 반복 모션그래픽의 장면 4컷이에요. |
아티팩트는 Free를 포함한 모든 플랜에서 쓸 수 있지만, 설정 > 기능에서 코드 실행 및 파일 생성이 켜져 있어야 해요. 애니메이션을 MP4로 내보내는 Claude Motion 템플릿은 베타이고 Team·Enterprise 플랜에서만 제공돼요. 요금은 클로드 요금제 글을 참고하세요.
내가 가진 이미지에 글자를 얹거나 움직임을 줄 수 있나요?
가능해요. 이미 갖고 있는 그림을 첨부하면 코드로 불러와 자르고, 글자를 얹고, 움직임까지 줄 수 있어요. 그림 자체를 새로 그리는 게 아니라 그대로 쓰는 방식이에요.
전구와 사람 일러스트 1장을 첨부하고 썸네일을 부탁했더니 코드를 실행해 1200×675 PNG를 만들어 줬어요. 720×720 그림을 675×675로 줄여 오른쪽에 붙이고, 왼쪽은 배경색을 맞춰 제목과 부제를 얹었어요. 이음새가 보여 경계만 살짝 섞었고, 원본에 있던 작은 별 모양 표시가 남아 있다고 먼저 알려 줬어요.
 |
| 첨부 이미지에 글자를 얹어 만든 썸네일이에요. 첨부한 일러스트는 원래 AI(Gemini)로 만든 그림이에요. |
움직임도 줄 수 있어요. 음악 채널용 그림을 올렸더니 1920×1080·30fps·10초짜리 무한 반복 mp4를 코드로 만들어 줬어요. 머리가 박자에 맞춰 까딱이고, 머그컵에서 김이 오르고, 음표가 떠올랐다 사라졌어요. 움직임은 단순했지만 처음과 끝이 정확히 이어졌고, 테스트로는 충분했어요.
💡 꿀팁 원본에서 건드리면 안 되는 부분은 요청 문장에 '그대로 써 줘'라고 적어 두세요.
사진 같은 그림은 만들 수 없나요?
맞아요. 사진처럼 보이는 그림은 클로드 혼자 만들지 않아요.
'창가에 앉아 있는 고양이를 실제 사진처럼 그려 줘'라고 요청했더니 직접 그리지 않고, 도움이 될 수 있는 커넥터로 Canva·Higgsfield·Runway 같은 외부 이미지 도구를 띄우며 어떤 걸로 만들지 물어봤어요.
 |
| 사진 같은 그림을 부탁하자 직접 그리지 않고 외부 도구를 제안한 화면이에요. |
사진·일러스트가 꼭 필요하다면 별도 이미지 생성 도구가 필요하다고 생각하는 게 맞아요. 반대로 도식, 차트, 글자가 들어간 썸네일처럼 글자가 정확해야 하는 그림은 코드로 짓는 쪽이 잘 맞아요.
한눈에 보는 가능·불가 정리
클로드 이미지 생성은 코드로 표현할 수 있는 그림은 가능하고, 사진처럼 그리는 그림은 불가능해요.
| 만들고 싶은 것 | 가능 여부 | 방식 |
|---|---|---|
| 아이콘이 있는 흐름도 | 가능 | SVG |
| 글자·도형 썸네일, 카드 | 가능 | HTML·CSS |
| 막대 차트 등 데이터 그림 | 가능 | 대화창 시각 자료(베타) |
| 반복되는 모션그래픽 | 가능 | HTML·CSS 애니메이션(아티팩트) |
| 내 그림에 글자 얹기·자르기·움직임 | 가능 | 코드 실행 |
| 사진 같은 그림 | 불가 | 외부 이미지 도구 필요 |
쓰기 전 주의사항은 무엇인가요?
가장 먼저 볼 것은 환경이에요. 커스텀 시각 자료는 베타이고 웹과 데스크탑에서만 보이며, iOS·Android 앱에서는 보이지 않아요.
- 저장: 기본은 임시 그림이라 이미지로 복사, .svg·.html 다운로드, 아티팩트로 저장 중 하나를 해야 해요.
- 품질: 복잡한 시각화는 Opus 모델이 가장 잘하고, 결과 품질은 경우마다 달라요.
- 필수 설정: 아티팩트는 설정 > 기능(Team·Enterprise는 조직 설정 > 기능)에서 코드 실행 및 파일 생성이 켜져 있어야 해요.
- 플랜: Claude Motion은 Team·Enterprise 전용 베타예요. 요금은 바뀔 수 있으니 결제 전 공식 페이지에서 확인하세요.
발표 자료가 목적이라면 클로드 PPT 만들기, 카드뉴스가 목적이라면 카드뉴스 만들기 AI로 자동화 글이 이어서 도움이 돼요.
자주 묻는 질문
Q. 클로드 이미지 생성 가능한가요?
사진이나 일러스트를 그리는 이미지 생성은 하지 않아요. 대신 SVG·HTML·CSS 코드로 도표, 차트, 썸네일, 모션그래픽 같은 시각 자료를 만들어요. 올린 이미지를 보고 분석하는 것은 가능해요.
Q. 클로드 SVG는 어떻게 쓰나요?
흐름도나 아이콘을 'SVG로 그려 줘'라고 요청하면 SVG 파일로 받을 수 있어요. 글자를 바꾸려면 파일 안의 글자만 고치면 되고, 블로그에 올릴 때는 PNG로 바꿔 쓰는 게 편해요.
Q. 클로드 이미지 생성 기능은 모바일 앱에서도 되나요?
커스텀 시각 자료는 웹과 데스크탑에서 베타로 제공돼요. iOS·Android 앱에서는 보이지 않아요.
Q. 클로드가 만든 시각 자료는 저장되나요?
기본으로는 저장되지 않는 임시 그림이에요. 이미지로 복사하거나 .svg 또는 .html로 다운로드하거나 아티팩트로 저장하면 남길 수 있어요.
Q. 클로드 이미지 생성 프롬프트는 어떻게 쓰면 좋나요?
크기, 색, 글자 언어, 넣을 문구를 요청 문장에 구체적으로 적으면 좋아요. 첨부한 그림을 쓸 때는 '다시 그리지 말고 그대로 써 줘'를 덧붙이면 원본이 유지돼요.
Q. 무료 플랜에서도 코드로 그림을 만들 수 있나요?
아티팩트는 Free를 포함한 모든 플랜에서 쓸 수 있어요. 다만 Claude Motion 템플릿은 Team·Enterprise 전용이고, 요금은 바뀔 수 있으니 공식 페이지에서 확인하세요.
마무리
클로드 이미지 생성은 사진·일러스트가 아니라 코드로 그림을 짓는 방식이에요. 흐름도, 썸네일, 차트, 모션그래픽, 첨부 이미지에 글자 얹기까지는 충분히 쓸 만하고, 사진 같은 그림은 다른 도구의 몫이에요. 글자가 정확해야 하는 업무용 그림부터 맡겨 보세요.
함께 보면 좋은 글로 클로드 PPT 만들기와 클로드 엑셀 사용법을 이어서 읽어 보세요.
