634 ／ 643
클로드 디자인 스킬: AI와 사람의 협업 설계
앤트로픽이 클로드에 새로운 디자인 관련 업데이트인 디자인 스킬을 공개했다. 이 기능은 클로드 디자인을 앤트로픽의 다양한 툴에서 바로 활용하게 한다. 기존의 비효율적인 디자인 워크플로우를 개선하고, AI와 사람의 진정한 협업을 가능하게 하는 점이 특징이다.
새로운 디자인 스킬 도입
클로드를 최신 버전으로 업데이트하면 슬래시 명령어를 통해 디자인 스킬을 사용할 수 있다. 이 스킬은 웹 디자인뿐만 아니라 포스터, 소셜 미디어 게시물, 파워포인트(PPT) 등 다양한 유형의 디자인 작업을 지원한다. 이전에는 LLM(대규모 언어 모델)만을 활용한 반복적인 수정 과정에서 비효율성이 존재했다. 하지만 디자인 스킬 도입으로 이러한 제약이 크게 개선된다.
이 기능은 전체 디자인 시스템을 아우르는 설계를 목표로 한다. 하나의 프로젝트 안에서 웹사이트 디자인을 시작으로, 관련 소셜 미디어 게시물 및 인쇄물(포스터) 제작까지 일관된 흐름으로 진행하는 과정을 지원한다.
웹사이트 디자인 워크플로우
디자인 스킬을 활용해 웹사이트를 디자인하는 과정은 다음과 같다. 프롬프트에 디자인할 내용과 스타일, 해상도 등을 입력한다. 예를 들어, ‘애플 기기 리셀링 스토어’를 주제로 ‘저해상도 시안 세 개’를 요청하면 클로드는 해당 조건에 맞춰 결과물을 생성한다. 앤트로픽의 공식 스킬은 질문을 세세하게 유도하여 사용자가 원하는 바를 정확히 반영하도록 설계되었다.
생성된 첫 결과물은 와이어프레임 형태로 나타난다. 이는 이미지를 직접 생성하는 대신 빠른 작업을 위해 구조를 먼저 보여주는 방식이다.
| 특징 | 기존 LLM 디자인 | 클로드 디자인 스킬 |
|---|---|---|
| 수정 방식 | LLM에 특정 수정 사항을 텍스트로 지시 | 피그마나 페이퍼처럼 섹션별 직접 편집 |
| 편집 가능 요소 | 제한적 | 글자(굵기, 추가), 색상, 레이아웃(로우/칼럼), 레디우스 등 |
| 페이지 관리 | 단일 결과물 | 작업 중 페이지 생성 및 섹션별 정리 |
클로드 디자인 스킬은 로컬에서 직접 편집하는 것과 같은 직관적인 경험을 제공한다. 특정 페이지의 특정 영역에 코멘트를 달아 클로드에게 수정 지시를 내리거나, 디자인 결과물을 아티팩트 형태로 링크를 복사하여 공유할 수 있다. 이는 클라이언트에게 디자인 시안을 보내고 컨펌을 받은 뒤 작업을 시작하는 효율적인 워크플로우를 가능하게 한다.
예시로 진행된 웹사이트 디자인은 홈페이지, 상품 목록 필터, 상품 상세 페이지, 장바구니 및 주문 과정, 그리고 모바일 버전까지 포함한다. 각 요소는 자유롭게 수정 가능하며, 모든 디자인 컴포넌트도 개별적으로 확인한다. 이로써 AI와 사람의 진정한 디자인 협업이 구현된다.
컨텍스트 유지와 다양한 디자인 작업
디자인 스킬의 가장 큰 강점은 컨텍스트를 유지하며 다양한 디자인을 연동하는 능력이다. 웹 디자인으로 시작한 프로젝트의 맥락을 다음 작업에 그대로 이어갈 수 있다.
웹사이트 디자인이 완성된 후, 동일한 브랜드 컨셉으로 인스타그램 소셜 소재 세트를 요청한다. 클로드는 이전에 작업했던 웹사이트의 브랜드 컬러, 스타일, 타이포그래피 등을 그대로 가져와 소셜 포스트를 제작한다.
생성되는 소셜 미디어 콘텐츠의 형식은 다양하다.
- 정사각형 규격
- 쇼폼 규격
- 배너 콘텐츠
- 오픈 그래프 이미지
이처럼 광범위한 형태로 콘텐츠를 제공한다. 또한, 클로드는 스스로 에이전트처럼 디자인 검증 과정까지 수행한다. 아티팩트는 독립적으로 관리되어, 기존 웹 디자인과 소셜 미디어 콘텐츠를 각각 별도로 확인할 수 있다.
마지막으로, 동일한 컨텍스트 안에서 애플 스토어의 인쇄물 제작을 요청할 수 있다. 이전에 적용된 수정 사항까지 모두 반영된 형태로 인쇄물 디자인을 생성한다. 하나의 컨텍스트 안에서 이 모든 프로세스를 진행하면, 사용자의 취향과 요구사항을 점진적으로 반영하여 완성도 높은 결과물을 얻는다.
코드 연동 및 확장성
클로드 디자인 스킬은 클로드 코드의 장점과 결합된다. 생성된 디자인은 넥스트JS(Next.js), 바닐라 자바스크립트(Vanilla JavaScript), CSS, HTML 등 다양한 코드 기반 프로젝트에 레퍼런스로 사용하거나 컨텍스트로 주입할 수 있다. 이 기능을 통해 디자인 결과물을 코드로 구현하는 데 아무런 문제가 없다. 더 나아가, 외부 이미지 생성 툴이나 영상 편집 툴과 연동하여 작업하면 더욱 완성도 높은 결과물을 만들어낼 수 있다.
앤트로픽의 클로드 디자인 스킬 업데이트는 디자인 프로세스의 효율성을 극대화하고, AI와 인간의 협업을 한 차원 높이는 중요한 진전을 보여준다.
출처
- 코드팩토리. (2026-08-30). 클로드 역대급 디자인 스킬 업데이트 /design. YouTube.