Skip to main content

클로드 디자인으로 바로 보이는 결과물 만들기

Views 662약 6분생성형 AI 활용
Summary

글로 설명하지 말고, 먼저 눈에 보이게 만든다

지금까지 클로드에게 글, 표, 문서 정리를 맡겼다면 이번 장에서는 한 단계 더 나아갑니다. 클로드 디자인은 말로 요청한 내용을 화면 구성, 카드뉴스, 발표 자료, 랜딩페이지 초안처럼 눈으로 확인할 수 있는 결과물로 바꾸는 기능입니다. 공식 소개에 따르면 Claude Design은 디자인, 프로토타입, 슬라이드, 원페이지 자료, 와이어프레임, 마케팅 자료 같은 시각 작업을 대화로 만들고 수정하는 흐름을 제공합니다.1

중요한 점은 "한 번에 완성본을 뽑는 기능"으로 생각하지 않는 것입니다. 먼저 초안을 만들고, 화면을 보면서 "더 밝게", "왼쪽 여백을 줄여줘", "중요한 문장을 카드처럼 강조해줘"라고 고치는 방식이 잘 맞습니다.

초보자는 이렇게 이해하면 됩니다.

  • 글쓰기: 문장 초안을 받고 고친다.

  • 표 정리: 행과 열을 받고 기준을 바꾼다.

  • 클로드 디자인: 보이는 초안을 받고 색, 배치, 문구를 고친다.

2026년 6월 기준으로 Claude Design은 연구 미리보기 형태로 제공되며, 공식 안내에서는 Claude Pro, Max, Team, Enterprise 구독자에게 제공된다고 설명합니다.1 그래서 무료 계정에서는 Design 메뉴가 보이지 않을 수 있습니다. 이 경우에는 실망할 필요 없이, 일반 Claude 채팅에서 Artifacts를 이용해 HTML 카드, 간단한 웹 화면, 슬라이드형 페이지 초안을 만들어보는 방식으로 비슷한 연습을 할 수 있습니다.

클로드 디자인으로 바로 보이는 결과물 만들기AI 생성 이미지

클로드 디자인을 여는 기본 흐름

화면 구성은 시기와 계정에 따라 달라질 수 있습니다. 그래서 먼저 공식 화면에서 보이는 메뉴를 기준으로 확인하는 습관이 필요합니다.

1단계: 디자인 화면 열기

  1. 브라우저에서 claude.ai/design으로 이동합니다.

  2. 로그인합니다.

  3. 화면에 Design, New design, Create, Start from prompt처럼 표시되는 버튼이 있으면 새 작업을 시작합니다.

  4. 만약 디자인 메뉴가 보이지 않으면, 일반 Claude 화면의 왼쪽 사이드바나 Labs 관련 메뉴에 Design이 있는지 확인합니다.

  5. 그래도 보이지 않으면 아직 계정, 지역, 요금제 또는 조직 설정에 제공되지 않았을 수 있습니다. 특히 회사나 팀 계정에서는 관리자가 기능을 켜야 보이는 경우도 있습니다.

  6. Design을 사용할 수 없다면 일반 채팅에서 "Artifacts로 볼 수 있는 HTML 초안을 만들어줘"라고 요청해 대체할 수 있습니다.

클로드가 시각 결과물을 만들면 대화창 옆이나 별도 영역에 결과물이 표시될 수 있습니다. Claude의 Artifacts는 생성된 결과를 전용 창에서 보고, 수정하고, 내보내거나 공유할 수 있는 형태로 제공됩니다.2

2단계: 시작 재료 고르기

새 디자인 작업을 열면 보통 다음 중 하나로 시작합니다.

  • 텍스트 프롬프트 입력

  • 기존 문서 업로드

  • 이미지나 로고 업로드

  • PPTX, DOCX, XLSX 같은 업무 파일 업로드

  • 웹페이지나 참고 자료를 바탕으로 구성 요청

처음에는 복잡한 파일보다 텍스트 프롬프트 하나로 시작하는 것이 좋습니다. 익숙해진 뒤 회사 소개서, 강의안, 상품 설명서, 행사 안내문을 올리면 됩니다.

3단계: 첫 결과물을 받은 뒤 고치기

디자인 결과가 나오면 바로 저장하거나 복사하지 말고 다음 네 가지를 봅니다.

  1. 핵심 메시지가 한눈에 보이는가?

  2. 읽는 순서가 자연스러운가?

  3. 색과 분위기가 대상에게 맞는가?

  4. 문구에 틀린 사실이나 과장이 없는가?

이후 대화창이나 댓글 기능이 있다면 원하는 부분을 말로 고칩니다. 일부 화면에서는 특정 요소를 클릭해 직접 문구를 수정하거나, 특정 부분에 코멘트를 달아 변경을 요청할 수 있습니다.1

여기서 기억할 점은 클로드 디자인이 "예쁜 이미지 한 장"만 만들어주는 도구가 아니라는 것입니다. 발표 자료, 랜딩페이지, 카드뉴스처럼 구조가 있는 결과물을 먼저 만들고, 그 구조를 대화로 바꿔가는 데 강점이 있습니다.

카드뉴스 만들기: 긴 설명을 넘겨보기 쉬운 장면으로 바꾸기

카드뉴스는 블로그 글, 행사 안내, 교육 자료, 제품 소개를 짧은 장면으로 나눌 때 좋습니다. 인스타그램, 링크드인, 사내 게시판, 카카오톡 공유용 안내에도 사용할 수 있습니다.

기본형 프롬프트

초보자도 이해할 수 있는 카드뉴스 초안을 만들어줘.

주제: 30대 직장인을 위한 퇴근 후 20분 운동 습관
대상: 운동을 자주 포기하는 직장인
목표: 부담 없이 시작해보게 만들기
분량: 6장
스타일: 밝고 깔끔하게, 너무 유치하지 않게
각 장 구성: 제목 1줄, 설명 2줄, 시각 요소 아이디어 1개
마지막 장: 오늘 바로 할 수 있는 행동 3가지

응용형 프롬프트

위 내용을 카드뉴스 디자인 초안으로 만들어줘.
배경은 흰색과 연한 파란색 중심으로 하고,
각 장마다 핵심 문장이 크게 보이게 해줘.
글자는 모바일에서 읽기 쉽게 크게 잡아줘.

수정형 프롬프트

전체가 너무 설명문처럼 보여.
각 카드의 문장을 30% 줄이고,
첫 줄은 더 강한 후킹 문장으로 바꿔줘.
색은 조금 더 차분하게 조정해줘.

카드뉴스에서 가장 흔한 문제는 글자가 너무 많아지는 것입니다. 한 장에 모든 설명을 넣으려 하지 말고, "한 장에는 한 메시지" 원칙을 지키세요.

랜딩페이지 초안 만들기: 상품이나 서비스를 한 화면으로 설명하기

랜딩페이지는 방문자가 들어와서 상품, 서비스, 이벤트를 빠르게 이해하고 신청·구매·문의 같은 행동을 하게 만드는 페이지입니다. 완성된 웹사이트가 아니라도, 클로드 디자인으로 먼저 구조를 잡아보면 기획이 훨씬 쉬워집니다.

기본형 프롬프트

작은 온라인 강의를 소개하는 랜딩페이지 초안을 디자인해줘.

강의명: 아무것도 몰라도 시작하는 AI 업무 자동화
대상: AI를 잘 모르는 사무직 직장인
핵심 혜택:
- 반복 문서 작성 시간 줄이기
- 회의록과 이메일 초안 빠르게 만들기
- 엑셀 데이터를 쉽게 요약하기
페이지 구성:
1. 첫 화면 헤드라인과 신청 버튼
2. 이런 사람에게 추천
3. 강의에서 배우는 내용
4. 수강 후 만들 수 있는 결과물
5. 자주 묻는 질문
6. 마지막 신청 버튼
분위기: 신뢰감 있고 친절하게
색상: 흰색, 짙은 남색, 포인트로 민트색

응용형 프롬프트

랜딩페이지를 더 실무 교육 느낌으로 바꿔줘.
첫 화면에는 '하루 30분, 내 업무에 바로 쓰는 AI'라는 문장을 크게 넣어줘.
중간에는 Before / After 비교 섹션을 추가해줘.

수정형 프롬프트

지금 페이지가 너무 홍보문처럼 보여.
과장된 표현을 줄이고,
실제로 배울 수 있는 결과물 중심으로 다시 써줘.
신청 버튼 문구도 '지금 등록하기'보다 부담이 적은 표현으로 바꿔줘.

랜딩페이지는 디자인보다 메시지가 먼저입니다. 예쁜 화면이어도 "누구에게 무엇을 해주는지"가 흐리면 효과가 떨어집니다. 첫 화면에는 대상, 문제, 해결, 행동 버튼이 보여야 합니다.

프레젠테이션 구조 만들기: 발표 흐름을 먼저 잡기

발표 자료를 만들 때 처음부터 슬라이드 디자인을 고민하면 오래 걸립니다. 먼저 클로드 디자인에게 전체 흐름을 잡게 하고, 그다음 슬라이드별 문구와 시각 요소를 고치는 방식이 좋습니다.

기본형 프롬프트

다음 주제의 10장짜리 발표 자료 구조를 만들어줘.

주제: 우리 팀의 고객 문의 응대 개선안
발표 대상: 팀장과 실무자
발표 시간: 10분
목표: 현재 문제를 공유하고 개선 실행안을 승인받기
포함할 내용:
- 현재 문의량 증가
- 답변 지연 문제
- 반복 질문이 많은 상황
- FAQ 정리와 답변 템플릿 도입 제안
- 예상 효과와 실행 일정
출력: 각 슬라이드 제목, 핵심 문장, 들어갈 시각 요소
디자인 분위기: 회사 보고용, 깔끔하고 차분하게

응용형 프롬프트

이 발표 자료를 실제 슬라이드 초안처럼 구성해줘.
각 슬라이드는 제목이 짧고,
본문은 3개 bullet 이하로 제한해줘.
문제가 심각하다는 느낌보다 해결 가능하다는 느낌이 들게 해줘.

수정형 프롬프트

3번 슬라이드와 4번 슬라이드의 흐름이 끊겨 보여.
문제 → 원인 → 해결안 순서가 더 자연스럽게 이어지도록 재배치해줘.
표현은 임원 보고용으로 더 간결하게 바꿔줘.

발표 자료는 "내가 하고 싶은 말"보다 "듣는 사람이 따라올 순서"가 중요합니다. 초안이 나오면 슬라이드를 하나씩 보며 질문하세요. "이 장을 처음 보는 사람이 다음 장을 궁금해할까?" 이 질문에 답이 없으면 순서를 바꾸면 됩니다.

안내 포스터 만들기: 행사, 공지, 모집 글을 한 장으로 정리하기

안내 포스터는 정보가 많아질수록 지저분해집니다. 그래서 처음부터 들어갈 정보를 구분해서 주는 것이 좋습니다.

기본형 프롬프트

사내 점심 세미나 안내 포스터 초안을 만들어줘.

행사명: 점심시간에 배우는 생성형 AI 활용법
대상: 전 직원
일시: 2026년 7월 3일 금요일 12:10~12:50
장소: 12층 세미나룸
신청 방법: 사내 게시판 신청 링크 클릭
준비물: 개인 노트북 선택
강조할 점: AI를 처음 쓰는 사람도 참여 가능
분위기: 부담 없고 친근하게
형식: A4 세로 포스터
중요 정보가 위에서 아래로 자연스럽게 보이게 구성해줘.

응용형 프롬프트

포스터 상단에는 행사명을 크게 넣고,
중간에는 일시·장소·대상을 아이콘 느낌으로 정리해줘.
하단에는 신청 방법과 문의처가 잘 보이게 해줘.
색상은 노란색을 포인트로 쓰되 너무 튀지 않게 해줘.

수정형 프롬프트

정보는 맞지만 전체가 너무 빽빽해.
문장을 줄이고 여백을 늘려줘.
일시와 장소가 가장 먼저 보이도록 배치를 바꿔줘.

포스터는 작은 글씨가 많으면 실패합니다. 출력하거나 모바일에서 볼 수 있다면, 멀리서도 행사명·날짜·장소·신청 방법이 보이는지 확인하세요.

색상, 분위기, 타깃, 레이아웃을 말로 고치는 법

디자인을 잘 모르는 사람도 수정 요청은 할 수 있습니다. 전문 용어보다 "누가 봤을 때 어떤 느낌이어야 하는지"를 말하면 됩니다.

아래 문장을 그대로 활용해보세요.

대상이 40~50대라서 글자를 더 크게 하고,
전체 분위기는 차분하고 신뢰감 있게 바꿔줘.
첫 화면에서 핵심 문장이 잘 안 보여.
제목을 더 크게 하고, 설명 문장은 줄여줘.
버튼은 오른쪽 아래가 아니라 중앙에 배치해줘.
색이 너무 많아 산만해.
기본 색 2개와 강조 색 1개만 남기고 정리해줘.
모바일에서 볼 자료야.
한 화면에 너무 많은 정보를 넣지 말고,
세로로 읽기 쉽게 다시 배치해줘.
브랜드 톤은 전문적이지만 딱딱하지 않게 해줘.
'혁신적', '압도적' 같은 과장 표현은 빼고,
실제 장점 중심으로 문구를 고쳐줘.

수정 요청은 한 번에 너무 많이 하지 않는 편이 좋습니다. 먼저 구조, 그다음 문구, 마지막으로 색과 여백을 고치면 결과가 안정적입니다.

추천 순서는 다음과 같습니다.

  1. 구조 수정: 섹션 순서, 카드 개수, 슬라이드 흐름

  2. 문구 수정: 제목, 설명, 버튼, 강조 문장

  3. 시각 수정: 색상, 여백, 글자 크기, 배치

  4. 최종 점검: 사실, 저작권, 브랜드 톤, 오탈자

내보내기 전에 한 번 더 확인하기

Claude Design은 결과물을 공유 링크, PDF, PPTX, HTML, Canva 등으로 내보낼 수 있다고 안내합니다.1 다만 실제로 보이는 내보내기 항목은 계정, 조직 설정, 작업 형식에 따라 달라질 수 있습니다. 그러니 처음부터 "완성 파일이 바로 나온다"고 기대하기보다, 초안을 만들고 마지막 편집은 필요한 도구에서 마무리한다고 생각하는 편이 안전합니다.

예를 들어 발표 자료는 PPTX로 내보낸 뒤 회사 템플릿에 맞게 다시 확인하고, 카드뉴스는 Canva나 다른 디자인 도구에서 최종 이미지 크기를 맞추는 식입니다. 랜딩페이지나 HTML 초안도 실제 게시 전에는 링크, 버튼, 모바일 화면을 직접 눌러봐야 합니다.

그대로 쓰기 전 반드시 확인할 것

클로드 디자인 결과물은 초안으로 매우 유용하지만, 그대로 외부에 공개하기 전에는 확인이 필요합니다. 특히 회사 자료, 광고, 강의 자료, 고객에게 보내는 제안서라면 더 조심해야 합니다.

최종 점검 체크리스트

  • 날짜, 시간, 장소, 가격, 신청 링크가 맞는가?

  • 통계, 수치, 고객 사례가 실제 자료와 일치하는가?

  • 과장 표현이나 보장처럼 들리는 문구가 없는가?

  • 회사 브랜드 색상, 로고 사용 규칙과 맞는가?

  • 폰트, 이미지, 아이콘을 상업적으로 사용해도 되는가?

  • 개인정보, 내부 기밀, 고객명이 노출되지 않았는가?

  • 모바일과 PC에서 모두 읽기 쉬운가?

  • 출력용이라면 종이 크기와 여백이 맞는가?

  • 버튼이나 링크가 있다면 실제로 연결되는가?

  • AI가 임의로 만든 문구를 사람이 다시 검토했는가?

저작권은 특히 중요합니다. AI가 만든 결과물이라도 그 안에 들어간 이미지, 로고, 문구, 캐릭터 스타일이 안전하다고 자동으로 보장되는 것은 아닙니다. 외부 공개용이라면 직접 보유한 이미지, 사용 허가를 받은 자료, 회사 공식 에셋을 쓰는 것이 안전합니다.

이번 장의 핵심

클로드 디자인은 "디자인을 대신 완성해주는 마법 버튼"이라기보다, 생각을 빠르게 화면으로 바꾸는 초안 도구에 가깝습니다. 카드뉴스, 랜딩페이지, 발표 자료, 안내 포스터처럼 구조가 필요한 작업에서 특히 유용합니다.

가장 좋은 사용법은 단순합니다.

  1. 만들고 싶은 결과물을 말한다.

  2. 대상, 목적, 분위기, 형식을 함께 적는다.

  3. 첫 초안을 눈으로 확인한다.

  4. 구조 → 문구 → 색과 배치 순서로 고친다.

  5. 내보내기 형식을 확인하고 필요한 도구에서 마무리한다.

  6. 공개 전 사실과 저작권을 점검한다.

이 흐름만 익히면 디자인 전문 용어를 몰라도 충분히 시작할 수 있습니다. 중요한 것은 예쁜 화면을 한 번에 얻는 것이 아니라, 보이는 초안을 빠르게 만들고 대화로 고쳐가는 감각입니다.

참고

1Introducing Claude Design by Anthropic Labs

2What are artifacts and how do I use them?

책 목록

아무것도 몰라도, 클로드 2026

전체 목차 보기

이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.

틸노트는 사용자가 AI를 활용해 노트를 쉽게 작성하거나 편집할 수 있는 서비스입니다.

AI 스퀘어 단톡방에 함께해요

AI 활용과 틸노트 사용 팁을 나누는 오픈채팅방입니다. 입장 비밀번호는 tilnote입니다.

참여하기