내보내기 포맷 총정리

Claude Design은 정적 파일·편집 가능 문서·웹 URL·Canva 전송·개발자용 번들까지 여섯 가지 내보내기를 지원한다. 업데이트: 2026-04-23

핵심 요약

구분	내용
📖 정의	디자인 결과물을 목적별 형식으로 내보내는 기능
💡 핵심	발표용은 PPTX, 배포는 HTML, 개발 연결은 핸드오프 번들, 비디자이너 협업은 Canva
🎯 대상	디자인을 검토·발표·배포·구현으로 연결해야 하는 모든 사용자
⚠️ 주의	조직 내부 URL은 현재 감사 로그·사용량 추적 미지원 (2026-04-17 기준)

1. 내보내기 포맷 한눈에 보기

포맷	용도	편집 가능성	대상
PDF	검토·결재	불가	경영진·외부 검토자
PPTX	피치덱·발표	가능 (레이어·애니메이션 유지)	발표자·마케팅
Standalone HTML	즉시 배포·임베딩	코드 편집	웹 퍼블리셔·엔지니어
Canva	마케팅·비디자이너 협업	Canva 내 편집	비디자이너 동료
조직 내부 URL	이해관계자 공유	뷰어 전용	조직 내부 리뷰어
핸드오프 번들 (.tar)	실제 구현	Claude Code가 해석	개발자

flowchart TD
    A["디자인 완성"] --> B{"용도는?"}
    B -->|검토·결재| C["PDF"]
    B -->|발표·피치| D["PPTX"]
    B -->|웹 배포| E["Standalone HTML"]
    B -->|비디자이너 협업| F["Canva"]
    B -->|내부 리뷰 공유| G["조직 URL"]
    B -->|개발 구현| H["핸드오프 번들"]
    H --> I["Claude Code"]

2. 정적 파일 - PDF · PPTX

PDF

고해상도 렌더링, 편집 불가
경영진·외부 감사·법무 검토처럼 변경 불가 산출물이 필요한 상황에 적합
페이지 단위로 캔버스 내 화면 구성이 그대로 보존된다

PPTX

레이어 구조와 애니메이션이 유지된 상태로 내보내진다
PowerPoint·Keynote에서 슬라이드 단위로 자유 편집 가능
투자자용 피치덱·내부 발표처럼 2차 편집이 필요한 산출물에 적합

3. 웹 배포 - Standalone HTML

하나의 파일 또는 ZIP으로 내보내지는 독립형 HTML
외부 의존성 없이 반응형 동작 (이미지·스타일 내장)
즉시 배포·이메일 첨부·문서 임베드가 가능
간단한 랜딩페이지·대시보드 미리보기·퍼블릭 샘플 공유에 적합

4. Canva 연동

항목	내용
배경	Anthropic-Canva 공식 파트너십
사용법	Export 메뉴 → Canva로 직접 전송
결과	Canva 에디터에 편집 가능 레이어로 열림
활용	마케팅 비디자이너가 카피·색상·이미지 교체

Claude Design은 Canva를 경쟁자가 아닌 협업 대상으로 포지셔닝한다. 비디자이너 팀원이 Canva 환경에서 후속 작업을 이어받는 흐름이 공식 권장 패턴이다.

5. 조직 내부 URL

디자인을 조직 내부 URL로 생성해 링크로 공유
폴더 단위로 저장·관리 가능
이해관계자 리뷰·의견 수집 용도
현재 한계: 감사 로그(audit log)·사용량 대시보드 미지원 (2026-04-17 기준)

6. 핸드오프 번들 개요

핸드오프 번들(.tar)은 개발 연결 전용 내보내기로, Claude Code가 수신해 실제 구현 코드를 생성한다. 상세 구성과 Claude Code 워크플로우는 3.2 Claude Code 핸드오프에서 다룬다.

번들 구성	설명
컴포넌트 스펙	머신 리더블 컴포넌트 트리 (PNG가 아닌 구조화 데이터)
디자인 토큰	실제 사용된 색상·간격·폰트 토큰
레이아웃 계층	공간 관계·배치 정보
참조 에셋	아이콘·이미지
구현 노트	인라인 댓글 reasoning에서 추출된 의도 기록
README	Claude Code용 구현 지시

문서 탐색

이전	다음
2.2 반복 편집 3종	3.1 디자인 시스템 자동 적용

JW's AI_Stash

Explorer

2.3 내보내기 포맷 총정리