Available for work

블로그

디자이너만 알던 첫 화면을, 이제 Claude도 먼저 꺼내옵니다

한이룸

이커머스

2026. 4. 23.


한 줄 요약: Claude가 프롬프트와 스크린샷만으로 프로토타입을 만드는 흐름에 본격적으로 들어오면서, 디자인 초안 작업은 이제 ‘그리는 일’보다 ‘바로 시험해보는 일’에 더 가까워지고 있습니다.

Claude가 디자인 툴 이야기 속으로 깊게 들어왔습니다. 단순히 문장을 잘 쓰고 코드를 잘 짜는 모델을 넘어서, 이제는 화면 초안과 프로토타입을 빠르게 만드는 쪽으로 확장되고 있다는 뜻입니다. 말만 들으면 “AI가 또 하나 잘하네” 정도로 들릴 수 있는데, 이번 변화는 조금 결이 다릅니다. 디자인 작업의 시작점 자체를 바꿔버릴 가능성이 있거든요.

특히 프롬프트와 스크린샷만으로 프로토타입을 만드는 흐름이 본격화됐다는 점이 중요합니다. 예전에는 아이디어가 떠오르면 기획안을 쓰고, 레퍼런스를 모으고, 디자이너가 와이어프레임을 잡고, 그 다음에야 첫 화면이 나왔습니다. 이제는 “이런 느낌의 랜딩페이지”, “이 배너 스타일로 앱 첫 화면”, “이 스크린샷을 바탕으로 더 정돈된 버전” 같은 식으로 훨씬 빠르게 시작할 수 있게 된 겁니다.

Claude가 디자인 툴로 주목받는 이유는 그림이 아니라 속도에 있습니다

여기서 포인트는 Claude가 갑자기 피그마를 완전히 대체한다는 이야기가 아닙니다. 사람들이 “이제 좀 다르다”고 느끼는 이유는, 디자인 초안을 잡는 첫 왕복이 눈에 띄게 짧아졌기 때문입니다.

랜딩페이지든 앱 화면이든, 처음부터 완성본을 뽑는 건 원래 거의 불가능합니다. 진짜 시간을 잡아먹는 건 첫 화면이 아니라 수정 왕복이거든요. 머릿속에 있는 걸 말로 풀고, 그걸 시안으로 보고, 다시 고치고, 방향을 조정하는 그 긴 왕복 말입니다. Claude는 이 앞단을 확 줄여줍니다. “아무것도 없는 상태”를 빨리 탈출하게 해주는 쪽에 가깝습니다.

Codex design은 결국 ‘말로 시안을 만드는 감각’으로 이해하면 쉽습니다

이걸 이해할 때 Codex design이라는 흐름을 같이 보면 더 쉽습니다. 어렵게 들리지만, 사실 핵심은 단순합니다. 예전에는 코딩이 코드 편집기의 일이었고, 디자인은 디자인 툴의 일이었습니다. 그런데 이제는 둘 다 점점 “의도를 정확히 설명하는 사람” 쪽으로 무게가 이동하고 있습니다.

Codex design을 쉽게 말하면 이렇습니다. “이 화면에서 헤더는 더 가볍게, 구매 버튼은 더 눈에 띄게, 전체 톤은 미니멀하게”라고 말하면, 그 말을 바탕으로 첫 버전을 빠르게 만들어내는 흐름입니다. 손으로 한 픽셀씩 옮기는 일보다, 의도를 구조로 번역하는 일이 더 중요해지는 거죠. Claude가 디자인 쪽으로 확장된다는 말도 결국 같은 방향으로 읽을 수 있습니다. 만드는 도구가 똑똑해질수록, 잘 만드는 사람은 손이 빠른 사람보다 의도가 선명한 사람이 됩니다.

기존 생성 툴과 달라진 지점은 ‘예쁜 결과물’보다 ‘바로 쓸 초안’입니다

기존 이미지 생성 툴은 멋진 비주얼을 뽑는 데 강했습니다. 보기 좋은 콘셉트 이미지, 무드보드, 감각적인 장면은 잘 만들어줬죠. 그런데 실무에서는 그 다음이 늘 문제였습니다. 예쁘긴 한데 바로 못 쓰는 경우가 많았거든요.

지금 Claude가 디자인 흐름에서 주목받는 이유는 조금 더 실무적입니다. 랜딩페이지 구조, 앱 화면 흐름, 배너 콘셉트처럼 “바로 다음 작업으로 넘길 수 있는 초안”을 빠르게 잡는 데 유용하기 때문입니다. 이 차이는 꽤 큽니다. 보기 좋은 이미지 한 장보다, 팀이 바로 수정하고 논의할 수 있는 시안 한 장이 훨씬 비싸게 느껴지는 순간이 많으니까요.

우리 쪽에서는 상세페이지보다 앞단이 더 빨라진다고 읽으면 됩니다

이 변화는 특히 상품 기획과 마케팅 앞단에서 크게 느껴질 가능성이 높습니다. 상세페이지 본작업 자체도 빨라지겠지만, 그보다 먼저 콘셉트를 정하고 첫 화면을 합의하는 속도가 달라질 수 있습니다.

예를 들어 새 프로모션을 준비할 때, 예전에는 “이런 느낌이면 좋겠다”를 오래 말로만 주고받았다면 이제는 그걸 바로 화면으로 꺼내볼 수 있습니다. 앱 이벤트 페이지, 광고 배너 방향, 신규 랜딩페이지 톤까지요. 결국 디자인 툴이 바뀐다기보다, 디자인을 시작하는 방식이 바뀌는 셈입니다.

Claude의 디자인 확장은 “AI가 디자이너 일을 뺏는다”보다 “초안 잡는 속도가 너무 빨라진다” 쪽으로 보는 게 더 정확합니다. 그리고 이런 변화는 늘 조용히 시작합니다. 처음엔 시안이 좀 빨라진 정도처럼 보이지만, 어느 순간부터는 기획 회의의 속도, 런칭 준비의 리듬, 수정 요청의 방식까지 전부 바꿔놓습니다. 이번 흐름이 눈에 띄는 이유도 바로 거기 있습니다. 이제 첫 화면은 손끝보다 먼저, 말에서 나옵니다.