목업 디자인 AI를 찾는 사람들은 포스터나 카드 이미지는 금방 만들면서도, 버튼을 누르면 실제로 반응하는 화면 시안은 어디서 만들어야 하는지 막막해합니다. 발표 전에 팀과 검토할 랜딩페이지 초안이나 간단한 앱 화면이 필요할 때, 그림 한 장으로는 설명이 끝나지 않는 경우가 많습니다.
그림 시안이 멈추는 지점
이미지 생성 AI(제미나이 이미지, 챗지피티 이미지 등)로 만든 포스터나 카드는 픽셀로 그려진 그림이라 버튼이나 입력칸을 눌러도 아무 반응이 없습니다. 팀 회의에서 이 버튼을 누르면 어떻게 되는지 묻는 질문에 그림만으로는 답할 수 없고, 매번 말로 설명을 덧붙여야 합니다. 반대로 실제로 반응하는 시안을 무료로 만들어주는 도구는 아직 많지 않아서, 이 지점에서는 선택지가 좁습니다.
클로드 디자인으로 실제 작동하는 시안 만드는 순서
클로드에는 대화로 디자인을 만드는 기능인 클로드 디자인이 있습니다. 안트로픽 고객지원 문서에 따르면 이 기능은 Free, Pro, Max, Team, Enterprise 플랜 모두에서 쓸 수 있습니다. 시작하는 방법은 세 가지입니다. 채팅창에 디자인을 요청하거나 응답 영역에서 Design을 고르는 방법, Artifacts 탭에서 Design 템플릿을 선택하는 방법, 클로드 코드를 쓴다면 슬래시 디자인 명령으로 시작하는 방법입니다.
시작한 뒤에는 참고할 스크린샷이나 기존 코드베이스를 올려 맥락을 더하고, 만들고 싶은 화면을 구체적으로 설명합니다. 결과가 나오면 채팅으로 고치거나, 시안에 직접 댓글을 남기거나, 캔버스 화면을 직접 편집해 다듬을 수 있습니다. 공식 문서는 이 기능으로 대시보드, 모바일 앱 온보딩 화면, 랜딩페이지, 피드백 폼, 내부 운영 도구 같은 결과물을 예로 들고 있습니다. 그림 한 장이 아니라 실제로 입력칸에 글자를 넣어보고 버튼을 눌러볼 수 있는 화면이라는 점이 포스터형 이미지와 다릅니다.
무료 계정과 모바일에서 막힐 때 확인할 점
무료 플랜에서는 문서, 슬라이드, 디자인을 템플릿으로 바로 시작할 수 있지만, 대시보드는 아직 베타 단계이고 코드를 실행하는 기능을 설정에서 따로 켜야 보이는 경우가 있습니다. 이 기능이 안 보이면 먼저 설정에서 코드 실행 옵션이 켜져 있는지 확인합니다.
아이폰과 안드로이드 앱에서도 디자인, 슬라이드, 문서를 요청하고 Artifacts 탭에서 바로 보고 고칠 수 있습니다. 이동 중에 시안을 열어 문구를 바꾸거나 색을 조정하는 정도는 모바일에서도 그대로 됩니다. 다만 결과물의 공유 범위를 바꾸는 설정은 모바일 앱이 아니라 웹이나 데스크톱에서만 바뀝니다. 외부에 공유할 시안이라면 공유 설정만큼은 PC로 넘어가 확인해야 합니다.
디자인 시스템 안의 색상이나 글꼴 규칙을 기존 깃허브 저장소나 파일에서 그대로 가져오고 싶다면 작업을 시작할 때 해당 자료를 연결해야 일관된 결과가 나옵니다. 연결하지 않으면 클로드가 임의로 색과 글꼴을 정하므로, 회사나 팀이 쓰는 색과 다르게 나올 수 있습니다. 민감한 내부 자료나 고객 정보가 담긴 파일을 올릴 때는 그 부분을 지우거나 가린 뒤 올리는 쪽이 안전합니다.
그림 한 장으로 설명이 끝나지 않는 화면이라면, 클로드 디자인으로 먼저 눌러보는 시안을 만들어 보는 쪽이 회의 시간을 줄여줍니다.
자주 묻는 질문
무료 계정에서도 클로드 디자인을 쓸 수 있나요?
네. 안트로픽 고객지원 문서에 따르면 Free 플랜에서도 문서, 슬라이드, 디자인은 템플릿으로 시작할 수 있습니다. 다만 대시보드 기능은 베타 단계이고, 코드 실행 옵션을 설정에서 켜야 보이는 경우가 있습니다.
모바일 앱에서 만든 시안을 바로 고칠 수 있나요?
iOS와 안드로이드 앱에서 디자인, 슬라이드, 문서를 요청하고 Artifacts 탭에서 보고 편집할 수 있습니다. 다만 공유 범위를 바꾸는 설정은 웹이나 데스크톱에서만 바뀝니다.
완성한 디자인을 다른 사람과 어떻게 공유하나요?
문서는 구글독스나 워드 형식으로, 슬라이드는 파워포인트나 PDF로 내보낼 수 있습니다. 디자인 결과물은 공유 링크로 전달하는 방식이 안내되어 있습니다.
출처
- 안트로픽 고객지원, “Get started with Claude Design”, https://support.claude.com/en/articles/14604416-get-started-with-claude-design (확인: 2026-10-11)
- 안트로픽 고객지원, “What are artifacts and how do I use them?”, https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them (확인: 2026-10-11)
- Engadget, “Anthropic’s Claude can now create editable documents for you”, https://www.engadget.com/2259938/anthropics-claude-can-now-create-editable-documents-for-you-cowork-chat-together/ (확인: 2026-10-11)
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 구매자에게는 추가 비용이 발생하지 않으며, 상품 가격에도 영향을 주지 않습니다.
