hol4b

[태그:] AI 디자인

  • Claude Design에 디자인 브리프를 넣었더니 한 번에 끝났다 — IntentCompiler 발표자료 실사용기

    2026년 4월 17일 Anthropic이 Claude Design을 공개했습니다. 저도 같은 주말에 바로 써봤는데, 결과물을 한 번에 끝냈습니다.

    제가 만든 건 Intent Compiler라는 AI 안전 아키텍처 개념의 발표자료입니다. Claude Design으로 뽑은 실제 결과물을 먼저 보여드린 뒤, 프롬프트 구조와 배운 점을 공유하겠습니다.

    1. Intent Compiler란 — LLM과 실행 사이에 안전 레이어 심기

    LLM은 본질적으로 확률적입니다. 가능성이 높은 답을 추론할 뿐이라, 100% 정확한 해석이 구조적으로 불가능합니다. 반면 금융·의료·기업 시스템에서의 실행은 결정적이어야 합니다. “거의 맞음”은 충분하지 않습니다.

    Intent Compiler는 이 간극을 메우는 아키텍처입니다. LLM이 자연어 요청을 구조화된 JSON plan으로 번역하고, 결정적 코드(Verifier)가 권한·위험도·스키마 규칙으로 검증합니다. 고위험 작업은 사람(HITL)이 최종 승인하고, 검증을 통과한 plan만 Tool/API로 실행됩니다.

    아래가 Claude Design으로 뽑은 실제 발표자료입니다.

    전체 화면으로 보기 ↗

    2. Claude Design에 넣은 프롬프트 구조 — 6가지 명세

    “아키텍처 다이어그램 하나 만들어줘” 같은 추상적 프롬프트를 넣으면 평범한 결과가 나옵니다. 저는 다음 6가지를 모두 지정했습니다.

    • 목적과 독자: 비개발자 임원도 3분 안에 이해할 수 있어야 함
    • 레이아웃 제약: 최대 폭 1080px, 섹션 카드 구조
    • 색 팔레트: 배경 #0B1220, 포인트 청록(#00C2B8)과 남색(#1E3A8A)
    • 섹션 순서: 헤더 → 문제 정의 → 아키텍처 → 역할 테이블 → 시나리오 → 가치 → 푸터
    • 시각 규칙: LLM 박스만 보라(확률적 영역), Verifier 이후는 청록(결정적 영역)
    • 금지 사항: 이모지 없이 유니코드 기호, 과도한 애니메이션 금지

    프롬프트 자체가 이미 디자인 브리프였습니다. 외주 디자이너에게 보낼 설명서를 쓴다는 마음으로 적었습니다. Claude는 이걸 그대로 따라왔고, 단 한 번에 위 결과물이 나왔습니다.

    3. Claude가 알아서 채운 디테일

    흥미로운 지점은 제가 명시하지 않은 부분을 Claude가 적절한 감각으로 채워준 것입니다.

    • 섹션 번호 라벨: 각 섹션에 01 · Problem, 02 · Architecture 식의 모노스페이스 번호를 자동으로 붙였습니다
    • 카드 hover 효과: 포인터가 올라가면 카드가 2px 살짝 떠오르는 마이크로 인터랙션을 추가했습니다
    • 반응형 처리: 모바일(900px 이하)에서 아키텍처 다이어그램의 가로 화살표가 자동으로 세로 90도 회전하도록 처리됐습니다

    명시 항목이 많아질수록 Claude의 자유도는 줄어들지만, 남은 빈 칸은 훈련된 디자인 패턴으로 채워집니다. 뼈대만 명확하면 살은 Claude가 붙여준다는 감각이었습니다.

    So What

    Claude Design은 디자이너를 대체하는 도구가 아닙니다. “머리에 구조가 있는데 시각화할 시간·리소스가 없던 사람”의 병목을 한 번에 제거하는 도구입니다. Intent Compiler 같은 아키텍처 개념을 들고 다니는 엔지니어, 피치덱 뼈대는 있는데 디자인이 막혀있는 파운더, 교육 자료를 빠르게 만들어야 하는 실무자에게 유용합니다.

    대신 프롬프트에 투자할 시간을 아끼면 안 됩니다. 10분 들여 디자인 브리프를 적어 넣는 것이, 30분 동안 “이거 아닌데, 저것도 아닌데” 하며 반복 수정하는 것보다 훨씬 빠릅니다.

    지금 바로 할 수 있는 것

    1. claude.ai/design에 접속해 평소 머리에 있던 개념 하나를 발표자료로 뽑아보세요. Claude Pro·Max·Team·Enterprise 구독자라면 별도 결제 없이 사용 가능합니다.
    2. 프롬프트 입력 전에 6개 항목(목적·독자·레이아웃·색 팔레트·섹션 순서·금지 사항)을 미리 적어두세요. 외주 디자이너에게 보낼 브리프 수준으로 쓰시면 충분합니다.
    3. 결과물이 마음에 들면 Canva로 export하거나 Claude Code 핸드오프로 실제 배포까지 연결해보세요. 발표자료뿐 아니라 실제 랜딩페이지도 같은 방식으로 만들 수 있습니다.

    관련 글

    출처

  • Claude Design vs Figma Make vs Canva Magic Studio — 2026 디자인 AI 3파전 선택 가이드

    Claude Design vs Figma Make vs Canva Magic Studio — 2026 디자인 AI 3파전 선택 가이드

    2026년 4월 17일 Anthropic이 Claude Design을 공개하면서 AI 디자인 툴 시장이 3파전 구도가 됐습니다. 기존의 Figma Make와 Canva Magic Studio에 Claude Design이 가세한 상황입니다. 셋 다 “텍스트 프롬프트 → 디자인 결과물”이라는 공통점을 가지지만, 타겟 사용자와 강점이 전혀 다릅니다.

    한국 직장인과 1인 창업가 기준으로 세 도구를 어떻게 고를지, 가격·결과물·워크플로우를 정리했습니다.

    1. 가격 — 누가 얼마에 얼마만큼 쓰게 해주나

    • Figma Make: Figma Professional $12/시트·월. 이미 Figma를 쓰고 있다면 추가 결제 없이 포함
    • Canva Magic Studio: Canva Pro $15/월. 연간 결제 시 실효 $10/월 수준. 500 AI 크레딧이 매월 지급되며 3월부터 실시간 잔여 크레딧 트래커가 도입됐습니다
    • Claude Design: Claude Pro $20/월에 포함(별도 주간 한도). Max·Team·Enterprise에서도 사용 가능. 별도 결제 없음이지만 기존 Claude 채팅·Claude Code와는 독립된 weekly allowance가 붙습니다

    표면가만 보면 Figma가 가장 싸지만, Claude Pro는 “디자인 + 코딩 + 글쓰기 + 리서치”까지 한 구독에 묶여 있어 실질 단가는 역전될 수 있습니다.

    2. 결과물 — 초안 속도 vs 정밀 편집 vs 콘텐츠 풍부도

    세 도구의 강점이 정확히 갈립니다.

    Claude Design — 초안 생성 속도가 압도적입니다. Opus 4.7의 늘어난 비전 해상도(긴 변 2,576px) 덕에 “빈 화면 → 피치덱 10장”이 20분대에 나옵니다. 회사 코드베이스·디자인 파일을 한 번 읽혀두면 디자인 시스템이 자동 반영됩니다. Claude Code 핸드오프로 실제 구동 가능한 HTML로 바로 넘길 수 있다는 점은 경쟁 제품에 없는 기능입니다.

    Figma Make — 정밀 편집과 디자인 시스템 관리의 절대 강자입니다. 프롬프트로 인터랙티브 프로토타입을 생성하는 Figma Make와 Make Kits(코드 + 디자인 가이드라인 번들)로 UI/UX 디자이너가 실제 프로덕션 플로우에 바로 투입 가능한 결과물을 뽑습니다. 디자인 시스템의 토큰·컴포넌트 관리는 여전히 Figma가 독보적입니다.

    Canva Magic Studio — 콘텐츠 풍부도가 압도적입니다. Magic Design·Magic Write·Magic Media·Magic Eraser·Magic Grab·Magic Edit 등 25개 이상의 AI 도구가 하나의 에디터에 내장돼 있습니다. 2026년 3월 공개된 Magic Layers는 플랫한 PNG·JPG를 8~15초 만에 편집 가능한 레이어로 분해합니다. 소셜 이미지·포스터·인쇄물처럼 “빠르고 많이” 뽑아야 하는 마케터에게 최적입니다.

    3. 한국 직장인·창업가 기준 — 어떤 경우에 뭘 써야 하나

    A. 파워포인트·제안서가 일의 절반인 직장인
    → Claude Design. 초안을 20분에 뽑고 PPTX로 내려받아 회사 템플릿에 붙여넣는 흐름이 가장 빠릅니다. 이미 ChatGPT·Claude 중 Claude를 쓰고 계시면 추가 비용 제로입니다.

    B. UI·UX 디자이너 또는 프로덕트 매니저
    → Figma Make. 정밀 편집과 디자인 시스템 관리 측면에서 Claude·Canva가 아직 따라오지 못합니다. Figma Make로 초안을 뽑은 뒤 그대로 이어서 다듬는 워크플로우가 현실적입니다.

    C. 소셜·블로그·광고 이미지를 매일 뽑아야 하는 마케터·1인 운영자
    → Canva Magic Studio. 템플릿 수, 브랜드 키트, 한국어 폰트·이미지 에셋 풍부도에서 Canva가 앞섭니다. 크레딧 관리가 익숙해지면 월 $15로 가장 많은 결과물을 뽑을 수 있습니다.

    D. 투자자 피치덱·제품 랜딩·프로토타입을 한 사람이 다 해야 하는 1인 창업가
    → Claude Design + Canva 조합. Claude Design으로 초안을 뽑고 Canva로 export해서 브랜드 이미지를 맞추는 흐름이 가장 효율적입니다. Figma Make는 제품이 어느 정도 꼴을 갖춘 뒤 합류시켜도 늦지 않습니다.

    So What — 선택의 핵심

    세 도구 모두 단독 강점이 있기 때문에 “최고의 디자인 AI”는 없습니다. 대신 “이미 어떤 SaaS를 결제 중인가”가 현실적인 선택 기준입니다. Claude Pro 사용자는 Claude Design을 먼저 써보고, Figma 사용자는 Figma Make를 먼저 검증하고, Canva Pro 사용자는 Magic Studio를 끝까지 쓰되 부족한 지점에서 Claude Design을 보조로 쓰는 순서를 추천합니다.

    중요한 건 세 도구 모두 “초안 생성” 단계를 빠르게 만들었다는 점입니다. 디자이너 없이도 피치덱·랜딩페이지·소셜 이미지 초안을 만들 수 있는 시대라는 게 핵심입니다.

    지금 바로 할 수 있는 것

    1. 이미 결제 중인 구독(Claude·Figma·Canva) 하나를 먼저 확인하고, 해당 제품의 AI 기능을 오늘 한 번이라도 실사용해보세요. “있는지 몰라서 안 쓰는” 경우가 가장 많습니다.
    2. 같은 프롬프트를 세 제품에 동시에 던져 결과물을 비교해보세요. 30분 투자로 자기 업무에 맞는 도구가 분명해집니다.
    3. 직장인이라면 Claude Pro, 디자이너라면 Figma, 마케터라면 Canva가 기본값이라고 보고 다른 두 개를 월 단위로 체험해 비교 감각을 잡으세요.

    관련 글

    출처

  • Claude Design 완전 정리

    Claude Design 완전 정리

    2026년 4월 17일, Anthropic이 Claude Design을 공개했습니다. Claude Pro·Max·Team·Enterprise 가입자라면 별도 결제 없이 claude.ai/design에서 바로 쓸 수 있는 연구 프리뷰(Research Preview)입니다. 텍스트로 프롬프트를 던지면 피치덱·와이어프레임·프로토타입·랜딩페이지가 한 번에 나오는 도구인데, 결과물이 Canva로 그대로 넘어간다는 점이 기존 AI 디자인 툴과 가장 다릅니다.

    Figma·Canva를 정말 대체할 수 있는지, 한국 직장인과 1인 창업가가 오늘 바로 어떻게 써야 하는지 정리했습니다.

    1. Claude Design이란 — Opus 4.7 위에 얹힌 디자인 레이어

    Claude Design은 Anthropic Labs가 만든 애플리케이션 제품입니다. Anthropic은 공식 블로그에서 이 제품이 가능해진 배경으로 Claude Opus 4.7을 직접 언급했습니다. Opus 4.7이 비전 모델 해상도를 긴 변 기준 2,576픽셀까지 끌어올린 덕분에 “프롬프트→프로토타입”이라는 새 카테고리가 현실이 됐다는 설명입니다.

    만들 수 있는 결과물은 다음과 같습니다.

    • 인터랙티브 프로토타입 (사용자 테스트용)
    • 피치덱·프레젠테이션 슬라이드
    • 랜딩페이지·소셜 이미지·캠페인 비주얼
    • 제품 와이어프레임·목업

    회사 코드베이스와 디자인 파일을 미리 읽혀두면, 이후 생성물에 그 팀의 디자인 시스템이 일관되게 적용됩니다. 즉, 로고·폰트·컬러 팔레트가 한 번 학습되면 다음 생성물부터 자동 반영됩니다.

    2. 내보내기는 여섯 갈래 — Canva·PPTX·HTML까지

    Claude Design 결과물은 여섯 가지 경로로 빠져나갑니다.

    • Canva 핸드오프 — 클릭 한 번으로 네이티브 Canva 문서가 되어 팀원이 실시간 협업·수정 가능
    • PPTX — 각 슬라이드가 편집 가능한 텍스트 박스입니다. 플랫 이미지가 아니어서 Keynote·PowerPoint에서 문구만 바꿀 수 있습니다
    • PDF — 기본 벡터 품질, 이메일·인쇄용
    • HTML — 독립 실행형. 호스팅만 붙이면 바로 배포 가능
    • ZIP — 모든 에셋 일괄 다운로드
    • Claude Code 핸드오프 — 디자인 번들을 Claude Code로 넘겨 구동 가능한 제품으로 구현

    이 중 PPTX를 텍스트 편집 가능한 상태로 뽑아주는 점은 한국 직장 환경(파워포인트 중심)에서 체감이 큽니다. 초안을 Claude가 만들고 최종 편집만 PPT에서 하면 되기 때문입니다.

    3. Figma·Canva를 정말 대체할까 — 세 가지 현실

    결론부터 말씀드리면, 지금은 완전 대체가 아니라 “최상위 워크플로우 추가”입니다.

    ① 초안 생성 속도는 Claude Design이 압도적입니다. 특히 피치덱·와이어프레임처럼 빈 화면에서 시작하는 작업에서 차이가 큽니다. 기존에 3시간 걸리던 초안이 20분 내외로 줄어듭니다.

    ② 정밀 편집·브랜드 일관성은 여전히 Canva·Figma의 몫입니다. Claude Design은 Canva로 export되는 순간부터 Canva의 편집 환경이 이어받습니다. Anthropic도 Canva를 대체하려는 게 아니라 “디자인 이전 단계를 생성하는 도구”로 포지셔닝한 점이 핵심입니다.

    ③ 요금 구조는 별도 계량입니다. Claude Pro 기존 사용자라면 추가 과금 없이 포함되지만, 주간 사용 한도(weekly allowance)가 Claude 채팅·Claude Code와 별개로 따로 붙습니다. 무제한이 아니라는 점은 기억해두셔야 합니다.

    So What — 한국 직장인과 1인 창업가에게 달라지는 것

    Claude Pro(월 $20)를 이미 결제 중인 직장인이라면, 오늘부터 파워포인트·제안서·랜딩페이지 초안 작업이 몇 배 빨라집니다. Figma나 Canva 구독을 별도로 유지할 필요는 있지만, “초안을 만드는 단계”와 “다듬는 단계”를 분리해 쓸 수 있다는 점이 핵심입니다.

    1인 창업가에게는 더 결정적입니다. 디자이너를 고용하기 전에 투자자 피치덱·제품 와이어프레임·랜딩페이지를 Claude 구독 하나로 뽑은 뒤, Claude Code에 핸드오프해 실제 배포까지 연결할 수 있습니다. 시각 디자인 문턱을 거의 제로로 낮추는 조합입니다.

    지금 바로 할 수 있는 것

    1. claude.ai/design에 접속해 “투자자용 15분 피치덱 만들어줘”부터 던져보세요. Claude Pro·Max·Team·Enterprise 구독자라면 추가 결제 없이 연구 프리뷰가 활성화돼 있습니다.
    2. 결과물을 Canva로 export해 팀원과 공유하거나, PPTX로 내려받아 회사 템플릿에 맞춰 다듬어 보세요.
    3. Claude Code를 설치해두셨다면, 완성된 디자인에서 “Claude Code로 핸드오프”를 눌러 번들을 받은 뒤 claude 명령으로 구현을 요청하고, 원하는 정적 호스팅(Vercel·Cloudflare Pages·GitHub Pages·자체 서버 등)에 올리면 됩니다. 프론트엔드 개발자 없이 30분 안에 랜딩페이지 URL을 받을 수 있습니다.

    관련 글

    출처

    대표이미지 출처: Anthropic — Introducing Claude Design by Anthropic Labs

← hol4b.com