AI로 디자인한다는 말이 gstack·Claude Design·Impeccable 세 곳에서 전부 다른 걸 가리킵니다. 이름만 보고 잘못 고르면, 슬라이드 하나 만들려다 코드 스킬을 깔고 한참 헤맵니다.
세 AI 디자인 도구를 다 프로젝트에 붙여 써본 입장에서, 뭐가 어떻게 다른지 교통정리했습니다. 비교 끝나면 어떤 상황에 뭘 써야 하는지 답이 보입니다.
왜 이렇게 헷갈리나 — '디자인 시스템'이 세 곳에서 다 다르다
AI 디자인 도구를 검색하면 gstack, Impeccable, Claude Design 셋이 자주 같이 나옵니다. 셋 다 'AI로 디자인'을 내세우고, 셋 다 '디자인 시스템'이라는 같은 말을 쓰는데, 막상 가리키는 건 완전히 다릅니다. 혼란의 대부분이 여기서 옵니다.
gstack의 디자인 시스템 = 코드 프로젝트 안에 만들어지는 DESIGN.md 파일 (색·타이포·컴포넌트 규칙)
Impeccable의 디자인 시스템 = .impeccable.md에 담기는 UI 컨텍스트·원칙
Claude Design의 디자인 시스템 = 브랜드 자산(코드·디자인 파일)을 학습해 결과물에 자동 적용하는 기능
같은 문장 "디자인 시스템 만들어줘"를 세 도구에 던져도 나오는 게 다릅니다. 하나는 코드용 규칙 파일, 하나는 UI 코드 컨텍스트, 하나는 슬라이드에 입혀지는 브랜드 스타일입니다. 그래서 "내가 원하는 결과물이 코드냐, UI 품질이냐, 발표 자료냐"부터 정하면 선택이 단순해집니다.
gstack 디자인 스킬 — 코드 프로젝트에 디자인 기준 세우기
gstack은 Claude Code에서 돌아가는 슬래시 커맨드 모음이고, 그중 디자인 커맨드가 따로 있습니다. 핵심은 /design-consultation입니다. 제품을 이해한 뒤 디자인 시스템을 제안하고, 그 결과를 DESIGN.md 파일로 프로젝트에 남깁니다. 이 파일이 이후 모든 화면의 디자인 기준점이 됩니다.
시안이 여러 개 필요하면 /design-shotgun으로 여러 안을 한 번에 뽑아 비교·반복합니다. 이미지 생성은 내부적으로 OpenAI의 GPT Image API를 씁니다(백업으로 Google Stitch). 정리하면 gstack의 디자인은 '코드 프로젝트에 일관된 디자인 시스템과 시안을 붙이는' 쪽입니다.
단계별로 쓰는 흐름은 gstack 디자인 가이드에 정리해뒀습니다. 앱이든 웹이든 코드베이스가 있고 거기에 통일된 디자인 기준이 필요할 때가 gstack이 맞는 상황입니다.
Impeccable frontend-design — AI 티 나는 UI 코드 다듬기
Impeccable도 Claude Code 위에서 돌아가는데, 목적이 gstack과 다릅니다. Impeccable의 frontend-design 스킬은 'AI가 짠 뻔한 UI(AI slop)'를 걷어내고 실전 수준의 웹 UI 코드를 뽑는 데 초점이 있습니다. Anthropic의 frontend-design 접근을 기반으로 합니다.
설정은 .impeccable.md에 UI 원칙·컨텍스트를 담고 teach-impeccable로 학습시키는 방식입니다. 결과물은 슬라이드도 시안 이미지도 아니고 실제 프론트엔드 코드의 품질입니다. AI로 만든 화면이 어딘가 밋밋하고 싼티 날 때 쓰는 도구입니다.
gstack이 '디자인 기준을 세우는' 쪽이라면, Impeccable은 '만들어진 UI 코드를 실전급으로 다듬는' 쪽입니다. 둘은 경쟁이 아니라 역할이 다릅니다.
Claude Design — 슬라이드·목업·문서 만드는 별개 앱
셋 중 가장 헷갈리는 게 Claude Design입니다. 앞의 둘과 달리 Claude Code 안의 스킬이 아니라 별개의 웹 앱입니다(Anthropic Labs, 2026-04-17 리서치 프리뷰). Opus 기반이고, 자연어로 슬라이드·원페이저·피치덱·UI 목업·와이어프레임·문서·마케팅 자산을 만듭니다.
'Design System(Your brand)' 기능이 코드베이스와 디자인 파일을 학습해 색·타이포·컴포넌트를 결과물에 자동으로 입힙니다. 완성물은 Canva·PDF·PPTX·HTML로 내보낼 수 있고, Pro·Max·Team 플랜에 포함됩니다. 실제 화면과 슬라이드 만드는 순서는 클로드 디자인 사용법에서 다뤘습니다.
증상: gstack으로 만든 DESIGN.md를 Claude Design에 연결하려고 업로드 메뉴를 한참 찾았습니다.
원인: 둘 다 '디자인 시스템'이라 부르지만, gstack의 DESIGN.md는 코드 프로젝트 안의 규칙 파일이고 Claude Design의 디자인 시스템은 브랜드 자산을 통째로 학습하는 별개 기능입니다. 옮겨 붙이는 관계가 아닙니다.
해결: DESIGN.md는 Claude Code 코드 작업에만 쓰고, Claude Design에는 색·폰트·기존 브랜드 파일을 따로 연결합니다.
언제 뭘 쓰나 — 결과물로 고른다
결국 선택은 '무엇을 만들 것인가'로 갈립니다. 세 AI 디자인 도구를 한 표로 압축했습니다.
| 도구 | 정체 (한 줄) | 어디서 | 출력물 | 언제 쓰나 |
|---|---|---|---|---|
| gstack 디자인 스킬 | 코드 프로젝트의 디자인 시스템·시안 생성 | Claude Code 슬래시 커맨드 | DESIGN.md + AI 시안 |
코드베이스에 통일된 디자인 기준이 필요할 때 |
| Impeccable frontend-design | 실전급 웹 UI 코드 품질 | Claude Code 스킬 | 다듬어진 프론트엔드 코드 | 만든 UI가 AI 티 날 때 |
| Claude Design | 슬라이드·목업·문서 만드는 웹 앱 | 별개 웹 앱 (Anthropic Labs) | 슬라이드·피치덱·목업 (PPTX·PDF·Canva·HTML) | 코드 아닌 발표 자료·시안 결과물이 필요할 때 |
코드 프로젝트를 새로 시작하는데 화면마다 색·간격이 제각각이면 gstack으로 DESIGN.md부터 잡습니다. 이미 만든 화면이 밋밋하면 Impeccable로 코드를 다듬습니다. 다음 주 발표에 쓸 피치덱이 필요하면 코드가 아니라 Claude Design입니다.
셋을 섞어 쓰는 것도 자연스럽습니다. gstack으로 코드 디자인 시스템을 세우고, Impeccable로 UI 코드 품질을 올리고, 대외 발표 자료는 Claude Design으로 뽑는 식입니다. 하나만 골라야 하는 게 아니라 결과물 종류가 다른 AI 디자인 도구들입니다.
Q&A — 결정 전 자주 보는 질문
Q. gstack 디자인 스킬이랑 Claude Design은 뭐가 다른가요?
A. gstack은 Claude Code 안에서 도는 슬래시 커맨드로, 코드 프로젝트에 DESIGN.md와 시안을 남깁니다. Claude Design은 코드와 무관한 별개 웹 앱으로, 슬라이드·목업·문서 같은 결과물을 만듭니다. 결과물이 코드냐 발표 자료냐로 갈립니다.
Q. Impeccable은 디자인 도구인가요, 코드 도구인가요?
A. 둘 다에 걸쳐 있지만 결과물은 코드입니다. 화면을 새로 그려주는 게 아니라, 이미 짠 웹 UI 코드에서 AI 티를 걷어내 실전급으로 다듬는 쪽입니다.
Q. 셋 다 '디자인 시스템'이라는데 같은 건가요?
A. 이름만 같고 다릅니다. gstack은 코드용 DESIGN.md 규칙 파일, Impeccable은 .impeccable.md UI 컨텍스트, Claude Design은 브랜드 자산을 학습해 결과물에 자동 적용하는 기능입니다.
Q. 슬라이드나 피치덱을 만들고 싶으면 뭘 써야 하나요?
A. Claude Design입니다. gstack·Impeccable은 코드 프로젝트용이라 발표 자료를 만들지 않습니다.
Q. 세 AI 디자인 도구를 같이 쓸 수 있나요?
A. 됩니다. gstack으로 디자인 기준을 세우고, Impeccable로 UI 코드를 다듬고, 대외 자료는 Claude Design으로 뽑으면 서로 겹치지 않습니다.
본인 작업에 맞는 쪽을 위 매트릭스에서 고르면 됩니다.
사용 환경: Windows 11, Claude Code, Claude Max 플랜(Claude Design 포함), gstack·Impeccable 스킬 설치
'AI 활용법' 카테고리의 다른 글
| Jev AI 정리 — ChatGPT·Claude 대체 아닌 '판단 부품' 모델 (0) | 2026.09.23 |
|---|
IT 기술과 개발 내용을 포스팅하는 블로그
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!
