10장. 프론티어 디자인

앞 장에서 우리는 화면이 움직이기 시작하는 순간을 다뤘습니다. 이번 장에서는 그보다 조금 더 먼 곳으로 가봅니다. 버튼을 누르면 다음 화면으로 넘어가는 수준을 넘어서, 제품이 말을 걸고, 공간감을 만들고, 빛처럼 반응하고, 심지어 AI가 안에 들어 있는 것처럼 보이는 프로토타입을 만드는 이야기입니다.

Anthropic은 Claude Design의 활용 범위에 단순한 목업이나 슬라이드뿐 아니라, 음성·비디오·셰이더·3D·내장 AI를 포함한 코드 기반 프로토타입까지 넣어 두었습니다.¹ 이 표현만 보면 살짝 흥분됩니다. "이제 거의 다 되는 거 아닌가?"라는 생각이 들 수 있습니다. 맞습니다. 많이 됩니다. 하지만 전부 되는 것은 아닙니다.

이 장의 목적은 하나입니다. Claude Design으로 어디까지 밀어붙일 수 있는지, 그리고 어디서 브레이크를 밟아야 하는지를 감으로 이해하게 만드는 것. 프론티어 디자인은 마술 쇼가 아니라, 미래 제품을 안전하게 미리 시험해 보는 실험실에 가깝습니다.

프론티어 디자인은 무엇이 다른가

일반적인 프로토타입이 "어떤 화면이 보이는가"를 검증한다면, 프론티어 디자인은 "이 제품을 경험하는 느낌이 어떤가"를 검증합니다. 차이는 꽤 큽니다.

예를 들어 챗봇 버튼 하나를 넣은 화면은 누구나 만들 수 있습니다. 하지만 사용자가 말을 걸었을 때 얼마나 자연스럽게 응답이 돌아오는지, 3D 오브젝트가 제품의 핵심 가치를 실제로 더 잘 설명하는지, 배경의 움직임이 브랜드를 고급스럽게 만드는지 아니면 그냥 눈을 어지럽히는지, 이런 것은 정적인 시안만으로 판단하기 어렵습니다.

프론티어 디자인은 바로 그 경계 영역을 다룹니다. 화면 설계와 상호작용 사이, 브랜딩과 기술 데모 사이, 아이디어와 제품 감각 사이를 이어 주는 작업입니다. 그래서 이 단계의 산출물은 종종 "예쁜 그림"보다 "살아 있는 가설"에 가깝습니다.

왜 하필 지금 이런 영역이 중요해졌을까

요즘 디지털 제품은 평면 화면만으로 설명되지 않는 경우가 많습니다. 음성 비서, AI 검색, 생성형 추천, 실시간 요약, 몰입형 3D 뷰어, 동적인 브랜드 모션이 제품의 핵심 경험이 되는 일이 늘었습니다. 문제는 이런 경험들이 문서나 와이어프레임에서 유난히 설명이 안 된다는 점입니다.

예전에는 "여기 버튼을 누르면 결과가 나옵니다"라고 말해도 충분한 제품이 많았습니다. 이제는 "여기서 말로 질문하면 시스템이 문맥을 이해하고, 답을 보여 주고, 그 답을 다시 행동으로 연결합니다" 같은 설명이 필요합니다. 이쯤 되면 정적 목업은 한계가 분명합니다. 화면은 보여 주지만, 제품의 리듬까지는 보여 주지 못하기 때문입니다.

Claude Design이 흥미로운 이유는 이 지점에서 기존의 AI 디자인 도구보다 한 걸음 더 나가려 하기 때문입니다. 단순히 시작 화면 하나를 멋지게 뽑는 것이 아니라, 코드베이스와 디자인 파일을 읽고 팀의 컴포넌트와 스타일을 이해한 뒤, 그 위에서 더 실험적인 표현까지 얹으려는 방향을 취하고 있습니다.²³ 즉, "멋진 데모"와 "우리 회사다운 데모" 사이의 거리를 줄이려는 것입니다.

네 가지 대표 실험실: 음성, 3D, 셰이더, AI

프론티어 디자인이라고 하면 범위가 넓어 보이지만, 실무에서는 대개 네 가지 영역으로 나뉩니다.

음성: 손보다 입이 먼저 움직이는 제품

음성 프로토타입은 화면보다 대화의 턴을 시험하는 데 강합니다. 사용자가 무엇을 말할지, 시스템은 언제 끊지 말아야 하는지, 답변은 텍스트로만 보여 줄지 음성으로도 들려줄지, 말하는 동안 어떤 시각 피드백을 줄지 같은 문제를 빠르게 드러냅니다.

이런 프로토타입은 특히 AI 비서, 고객지원, 차량 인터페이스, 교육용 코치, 접근성 중심 제품에서 유용합니다. 버튼 하나보다 마이크 하나가 더 중요한 제품들이죠. 사용자는 실제로 말을 걸어 보면서 "이 제품이 나를 이해하는 느낌이 드는가"를 즉시 판단합니다.

하지만 여기서 중요한 한계도 분명합니다. 음성 프로토타입은 대화 구조를 검증하는 데는 좋지만, 실제 음성 인식 정확도, 소음 환경, 기기 마이크 성능, 지연 시간 분포까지 증명하지는 못합니다. 다시 말해, "이 흐름이 괜찮은가"는 볼 수 있지만 "실사용 환경에서도 안정적인가"는 별도의 테스트가 필요합니다.

3D: 공간을 써야만 설명되는 제품

3D는 자칫하면 멋만 부리는 장식처럼 보이지만, 잘 쓰면 굉장히 실용적입니다. 물리적인 제품을 보여 주거나, 공간 구조를 이해시켜야 하거나, 데이터나 개념을 입체적으로 탐색하게 해야 할 때 특히 그렇습니다.

예를 들어 하드웨어 대시보드, 건축·부동산 뷰어, 교육용 시뮬레이션, 게임성 있는 온보딩, 제품 쇼케이스 페이지는 3D가 설명력을 크게 높일 수 있습니다. 평면 카드 세 장보다 회전 가능한 모델 하나가 더 많은 것을 말해 주는 경우가 있습니다.

하지만 3D는 늘 질문을 하나 던져야 합니다. 정말 공간이 필요한가? 필요하지 않은데 3D를 넣으면 대부분 인터랙션은 무거워지고, 메시지는 흐려지고, 사용자는 한 번 돌려 보고 끝냅니다. 3D는 정보를 더 잘 전달할 때만 정당합니다. "와"는 만들 수 있어도 "그래서?"가 남으면 실패입니다.

셰이더와 모션: 제품의 온도와 질감을 만드는 층

셰이더라는 말이 낯설 수 있습니다. 아주 쉽게 말하면, 빛의 느낌, 표면의 반응, 부드러운 왜곡, 유리 같은 질감, 배경의 유동감 같은 것을 코드로 표현하는 방식입니다. 제품이 같은 구조를 가져도 셰이더와 모션이 들어가면 완전히 다른 성격을 가질 수 있습니다.

이 영역은 브랜드 감각을 시험하는 데 좋습니다. 예를 들어 금융 서비스는 지나치게 장난스러워 보이면 안 되고, 크리에이티브 툴은 너무 무뚝뚝하면 안 됩니다. 미세한 움직임과 재질감은 "이 제품이 믿을 만한가", "미래지향적인가", "차분한가" 같은 인상을 크게 바꿉니다.

다만 이 분야는 가장 쉽게 과잉으로 흐릅니다. 화면이 반짝이고 흐르고 흔들린다고 해서 경험이 좋아지는 것은 아닙니다. 오히려 정보 위계를 망치고, 저사양 기기에서 버벅이고, 모션 민감 사용자에게 피로를 줄 수 있습니다. 셰이더와 모션은 주연 배우가 아니라 조명감독에 가깝습니다. 존재감은 있어야 하지만, 스토리를 집어삼키면 안 됩니다.

AI 내장 프로토타입: 제품이 정말 '생각하는 것처럼' 보이게 만들기

이 부분이 가장 흥미롭고, 동시에 가장 위험합니다. Claude Design은 내장 AI가 포함된 코드 기반 프로토타입 가능성을 전면에 내세웁니다.¹² 즉, 챗 인터페이스, 추천 패널, 자동 요약, 검색 보조, 생성형 입력창 같은 요소를 단순한 껍데기가 아니라 실제로 반응하는 경험처럼 시연할 수 있다는 뜻입니다.

이것이 중요한 이유는 AI 제품의 핵심 가치가 종종 정답 화면이 아니라 상호작용의 감각에 있기 때문입니다. 사용자가 어떻게 질문을 시작하는지, 중간에 어떻게 유도해야 하는지, 결과를 어떤 형식으로 받아야 다음 행동으로 이어지는지가 훨씬 중요합니다.

하지만 바로 여기서 함정이 생깁니다. AI 프로토타입은 쉽게 "똑똑해 보이는 데모"를 만들 수 있습니다. 그러나 똑똑해 보이는 것과 실제로 신뢰할 수 있는 것은 전혀 다릅니다. 예쁜 패널 안에서 그럴듯한 답을 몇 번 보여 주는 것은 쉽습니다. 반면 실제 서비스에서는 환각, 지연, 비용, 안전장치, 권한 제어, 데이터 최신성, 실패 처리 같은 문제가 한꺼번에 밀려옵니다.

그러므로 AI 내장 프로토타입의 목적은 "우리가 AGI를 완성했다"를 보여 주는 것이 아니라, 사용자와 AI가 만나는 인터페이스를 먼저 검증하는 것이어야 합니다.

Claude Design이 이 영역에서 특히 강한 이유

프론티어 디자인은 원래 디자이너, 프론트엔드 개발자, 모션 디자이너, 때로는 프로토타이핑 엔지니어까지 붙어야 가능한 작업이었습니다. 그런데 Claude Design은 이 과정을 꽤 압축합니다.

첫째, 팀의 코드베이스와 디자인 파일을 읽어 디자인 시스템을 추론하고, 이후 프로젝트에 자동 적용할 수 있습니다.¹³ 그래서 실험적인 프로토타입도 처음부터 완전히 낯선 비주얼이 아니라, 기존 제품과 연결된 상태로 출발할 수 있습니다.

둘째, 결과물이 단순한 스크린샷이 아니라 상호작용 가능한 산출물로 이어지기 때문에, 음성·3D·AI 같은 요소도 "슬라이드 속 설명"이 아니라 "직접 만져 보는 경험"으로 바꿀 수 있습니다.¹²

셋째, 이런 실험이 끝나면 다시 Claude Code로 넘기는 흐름이 열려 있습니다.¹³ 물론 곧바로 프로덕션이 된다는 뜻은 아닙니다. 하지만 적어도 "예쁘게만 생긴 데모"로 끝나지 않고, 구현 논의로 이어질 연결 고리가 생긴다는 점이 큽니다.

쉽게 말하면 Claude Design은 프론티어 디자인을 더 쉽게 만든다기보다, 프론티어 디자인을 팀 워크플로 안으로 끌어들인다는 데 강점이 있습니다.

어디까지 확장해도 좋은가

프론티어 디자인을 할 때 가장 좋은 질문은 "이걸 만들 수 있나?"가 아닙니다. "이걸 통해 무엇을 배울 수 있나?"입니다.

다음과 같은 경우라면 꽤 멀리까지 가도 좋습니다.

• 새로운 인터랙션이 사용자에게 직관적인지 보고 싶을 때

• AI 기능을 어떤 화면과 문구로 감싸야 신뢰가 생기는지 알고 싶을 때

• 브랜드가 정적 비주얼이 아니라 동적인 감각에서도 유지되는지 시험하고 싶을 때

• 제품 데모, 투자 피치, 내부 설득에서 '작동하는 미래 모습'을 보여 줘야 할 때

이런 상황에서는 음성, 3D, 셰이더, AI를 얹은 프로토타입이 아주 강력합니다. 사람들은 설명보다 경험을 더 빨리 이해합니다. 특히 새로운 카테고리의 제품일수록 더 그렇습니다.

어디서 멈춰야 하는가

반대로, 다음 질문에 답해야 하는 단계라면 프론티어 디자인만으로는 부족합니다.

• 실제 음성 인식 성능이 충분한가

• 3D 렌더링이 저사양 기기에서도 버티는가

• 셰이더와 모션이 접근성 기준을 충족하는가

• AI 응답이 안전하고 일관되며 비용 구조상 감당 가능한가

• 복잡한 상태 관리와 백엔드 연결을 실제 서비스 수준으로 유지할 수 있는가

이건 디자인의 문제가 아니라, 시스템의 문제입니다. Claude Design이 여기까지 대신해 주지는 않습니다. Scroll의 분석도 Claude Design의 약속이 넓은 만큼, 추론된 디자인 시스템의 정확성, 토큰 비용, 실시간 협업의 부재, 그리고 생성 코드의 프로덕션 적합성은 여전히 별도 검토가 필요하다고 지적합니다.²

한마디로 정리하면 이렇습니다. 느낌을 검증하는 단계에서는 멀리 가도 되고, 성능을 증명해야 하는 단계에서는 멈춰야 합니다.

가장 흔한 오해: 데모가 잘 되면 제품도 될 것이라는 착각

프론티어 디자인에서 사람들이 가장 자주 빠지는 함정은 "데모가 너무 그럴듯해서, 이미 절반은 만든 것 같다"는 착각입니다. 사실은 그 반대인 경우가 많습니다. 그럴듯한 데모일수록, 뒤에 숨어 있는 어려움이 더 많습니다.

음성 데모는 조용한 회의실에서 잘 돌아갈 수 있습니다. 하지만 지하철에서는 어떨까요. 3D 프로토타입은 발표용 맥북에서는 부드럽게 보일 수 있습니다. 하지만 오래된 사내 노트북에서는 어떨까요. AI 데모는 준비된 예시 질문에는 아름답게 답할 수 있습니다. 하지만 사용자가 엉뚱한 질문을 던지면 어떨까요.

그래서 프론티어 디자인의 좋은 태도는 자신감이 아니라 정직함입니다. "우리는 이 프로토타입으로 미래 경험의 방향을 보여 줄 수는 있지만, 운영 현실까지 증명한 것은 아니다." 이 문장을 팀이 공유하면, 데모는 과장이 아니라 훌륭한 탐색 도구가 됩니다.

실무에서 가장 유용한 프롬프트 방향

프론티어 디자인은 막연한 형용사보다 상황, 감각, 제약이 중요합니다. 다음처럼 시작하면 결과가 훨씬 또렷해집니다.

• 음성 프로토타입: "초보 사용자가 음성으로 첫 작업을 완료하는 흐름을 설계해줘. 언제 말하도록 유도할지, 듣는 중 상태와 재질문 흐름을 포함해줘."

• 3D 프로토타입: "제품 구조를 이해시키는 것이 목적이야. 회전 가능한 3D 모델을 넣되, 사용자가 클릭해야 할 핵심 부위 3곳만 강조해줘."

• 셰이더/모션: "브랜드를 미래적으로 보이게 하되 금융 서비스처럼 신뢰감을 해치지 않는 수준의 배경 모션과 유리 질감을 제안해줘."

• AI 내장 프로토타입: "사용자가 질문하고, 시스템이 답변한 뒤 다음 행동을 추천하는 흐름을 만들어줘. 실패 응답, 애매한 질문, 긴 응답의 축약 방식도 포함해줘."

이 프롬프트들의 공통점은 하나입니다. "멋지게"가 아니라 "무엇을 검증할지"를 먼저 말합니다. 프론티어 디자인은 놀라게 하는 기술이 아니라, 배우게 하는 기술입니다.

추천하는 작업 순서: 과장 없이 멀리 가는 법

현실적으로는 이런 순서가 가장 안전합니다.

먼저 핵심 사용자 과업을 일반적인 인터랙티브 프로토타입으로 검증합니다. 그다음 정말 필요한 곳에만 음성, 3D, 셰이더, AI를 얹습니다. 그리고 마지막에 팀에게 묻습니다. "이 요소는 경험을 더 명확하게 만들었는가, 아니면 더 화려하게만 만들었는가?"

이 순서를 거치면 실험이 장식으로 흐를 가능성이 줄어듭니다. Claude Design은 다양한 입력과 팀 디자인 시스템을 바탕으로 빠르게 여러 방향을 탐색하게 해 주므로, 이런 비교 실험에 특히 잘 맞습니다.¹³ 같은 화면을 평면 버전과 3D 버전으로, 정적 검색과 AI 보조 검색 버전으로, 일반 배경과 셰이더 배경으로 나란히 놓고 비교해 볼 수 있기 때문입니다.

좋은 프론티어 디자인은 언제나 질문 하나를 남깁니다. "와, 신기하다"가 아니라 "아, 이 경험이면 사람들이 정말 쓰겠는데?"라는 질문 말입니다.

미래를 미리 만져 보되, 미래인 척하지는 말 것

Claude Design이 열어 주는 가장 흥미로운 가능성은, 이제 비전 문서를 쓰는 대신 비전을 만져 보게 할 수 있다는 점입니다. 음성으로 말해 보고, 3D로 돌려 보고, 셰이더로 분위기를 느껴 보고, AI가 반응하는 흐름을 직접 체험해 볼 수 있습니다. 이건 분명 강력합니다.¹

하지만 그 힘은 어디까지나 방향을 잡는 힘이지, 현실을 생략하는 힘은 아닙니다. 프론티어 디자인은 제품을 미리 예언하는 도구가 아니라, 제품의 미래 후보를 빠르게 시험하는 도구입니다.

그러니 이렇게 기억하면 좋겠습니다. Claude Design으로는 꽤 멀리까지 갈 수 있습니다. 다만 끝까지 가려 하지 마세요. 끝까지 가는 일은 여전히 엔지니어링, 검증, 운영의 몫입니다. 대신 이 도구를 이용해 훨씬 더 빨리, 더 생생하게, 더 솔직하게 미래를 시험해 보세요.

그것이 프론티어 디자인의 진짜 가치입니다. 미래를 포장하는 것이 아니라, 미래를 조기에 들여다보는 것 말입니다.

참고

¹Introducing Claude Design by Anthropic Labs

²Claude Design: Anthropic's new product aiming to bypass Figma

³Using Claude Design for prototypes and UX | Claude