--- title: 디자이너가 화면을 그리지 않는다 description: "AI가 사용자 맥락에 맞춰 인터페이스를 실시간으로 조립하는 GenUI 시대, 디자이너의 일은 화면을 그리는 것에서 규칙을 설계하는 것으로 옮겨가고 있습니다. 디자이너가 잃는 것과 새로 쥐는 것을 짚어봅니다." createdAt: 2026-05-26 author: 올리비아 category: tech jobCategory: design tags: [디자인, 트렌드, GenUI, 디자인 시스템, 생성형 AI] featured: false canonical: "https://blog.careernote.io/article/designer-stops-drawing-screens" source: CareerNote Blog language: ko --- 며칠 전, 한 동료가 만든 프로토타입을 보다가 손이 잠깐 멈췄습니다. 같은 화면인데, 제가 열었을 때와 다른 사람이 열었을 때의 레이아웃이 달랐습니다. 버튼의 위치도, 먼저 보이는 정보의 순서도 달랐지요. 버그인 줄 알고 물었더니, 동료는 웃으며 말했습니다. "그게 의도예요. 화면을 그린 게 아니라, 화면이 만들어지는 규칙을 그린 거예요." 그 한마디가 며칠 동안 머릿속을 떠나지 않았습니다. 우리가 오랫동안 디자인이라 불러온 행위의 정의가, 조용히 바뀌고 있다는 신호였기 때문입니다. ## 화면이 아니라 규칙을 그리는 시대 GenUI(생성형 UI)는 인터페이스를 더 이상 고정된 산출물로 보지 않는 접근입니다. 디자이너가 모든 시나리오를 예측해 화면을 미리 그려두는 대신, 시스템이 그 순간의 사용자 맥락에 따라 컴포넌트를 실시간으로 조립합니다. 모두가 같은 레이아웃을 따라가는 것이 아니라, 지금 이 사용자가 무엇을 하려는지에 맞춰 AI가 화면을 다시 짜는 것입니다. 가장 또렷한 사례는 Vercel의 v0입니다. 자연어로 원하는 화면을 설명하면 Tailwind와 shadcn/ui 같은 정해진 컴포넌트 프리미티브를 조합해 실제로 작동하는 React 화면을 만들어냅니다. 2024년 공개된 Vercel AI SDK 3.0은 이 생성형 UI 기술을 오픈소스로 풀어, 챗봇이 텍스트 대신 풍부한 컴포넌트 기반 인터페이스를 응답으로 돌려주도록 만들었습니다. 인터페이스가 미리 그려진 그림이 아니라, 요청에 응답해 그 자리에서 조립되는 구조로 바뀐 것입니다. 여기서 디자이너의 자리가 사라지는 것처럼 보입니다. 하지만 자세히 들여다보면, 사라지는 것은 디자이너가 아니라 *디자이너가 손으로 화면을 그리던 단계*입니다. ## 왜 지금, 사용자 기대가 바뀌었는가 이 흐름이 부상하는 이유는 사용자 기대의 변화에 있습니다. 닐슨 노먼 그룹은 2026년 UX 전망에서, 디자인이 눈에 보이는 새로움보다 *복잡함을 이해 가능하게 만드는 시스템적 지능*으로 이동하고 있다고 진단합니다. 화려한 모션과 시각적 과시가 좋은 UX로 평가받던 시절은 지나가고, 구조를 명료하게 정리하는 것이 더 지적인 디자인으로 여겨지기 시작했습니다. 인지 부하를 낮추는 차분한 인터페이스가 다시 중심에 선 것이지요. 심리학적으로 보면 당연한 귀결입니다. 존 스웰러의 인지 부하 이론은, 인간의 작업 기억이 한 번에 처리할 수 있는 정보량이 제한되어 있다고 말합니다. 모든 사용자에게 동일한 정보를 동일한 밀도로 쏟아붓는 고정된 화면은, 누군가에게는 과부하이고 누군가에게는 공허합니다. 맥락에 맞춰 그 순간 필요한 것만 조립해 보여줄 수 있다면, 인지 부하를 사용자별로 조율할 수 있게 됩니다. GenUI가 기술 유행을 넘어 설득력을 갖는 지점이 바로 여기입니다. 사용자의 관점에서 보면, 그들은 애초에 화면을 보러 오지 않았습니다. 자신의 문제를 해결하러 왔을 뿐입니다. 고정된 레이아웃은 디자이너의 편의였지 사용자의 요구가 아니었습니다. ## 디자인은 원래 시스템을 그리는 일이었다 여기서 놓치기 쉬운 포인트가 있습니다. 화면이 아니라 규칙을 설계한다는 발상은 사실 전혀 새롭지 않다는 것입니다. 건축가 크리스토퍼 알렉산더는 1977년 『*A Pattern Language*』에서 253개의 패턴으로 이루어진 체계를 제안했습니다. 흥미로운 것은 그가 이것을 노엄 촘스키의 *생성 문법*에 빗대어 설명했다는 점입니다. 하나의 패턴은 표면적으로 수많은 다른 결과물로 구현될 수 있지만, 그 아래에 깔린 가능성의 총합이 그것을 *생성적*으로 만든다는 것입니다. 알렉산더가 그린 것은 특정한 건물이 아니라, 무수히 많은 건물을 만들어낼 수 있는 문법이었습니다. 그래서 그는 디자인 시스템의 아버지라 불립니다. 디자이너 여러분이라면 이 구조가 낯설지 않을 것입니다. 브래드 프로스트의 아토믹 디자인도 같은 사고를 합니다. 원자(버튼, 입력창)에서 분자, 유기체, 템플릿으로 쌓아 올려 일관된 언어를 만드는 것. 우리는 이미 오랫동안 개별 화면이 아니라 *화면을 만들어내는 시스템*을 설계해왔습니다. GenUI는 그 잠재된 방향을 끝까지 밀어붙인 것에 가깝습니다. 알렉산더의 문법에서 인간이 하던 마지막 조립 단계를, 이제 AI가 실시간으로 수행하게 된 것이지요. 그래서 2026년 디자이너의 새 이름으로 거론되는 것이 **디자인 시스템 거버너**(design system governor)입니다. AI가 조작할 원자적 컴포넌트와 그것들이 결합하는 규칙, 그리고 무엇을 해도 되고 무엇은 안 되는지를 정의하는 윤리적·경험적 제약을 설계하는 사람입니다. 화면을 그리는 손에서, 문법을 쓰는 손으로의 이동입니다. ## 거버너의 책상 위에 놓이는 것들 그렇다면 실무에서 무엇이 달라질까요. 제가 일하는 방식에 비추어 정리해보면 세 가지입니다. 첫째, **컴포넌트의 경계와 제약을 더 엄격하게 정의해야 합니다.** 사람이 화면을 조립할 때는 어색한 조합을 눈으로 걸러냈습니다. 하지만 AI가 조립하면, 우리가 명시하지 않은 규칙은 존재하지 않는 규칙입니다. 예전에 인터랙션 디자인으로 작은 퀴즈 게임 애플리케이션을 설계하던 시절, 저는 화면마다 버튼 위치를 일일이 정했습니다. 지금이라면 그 일을 다르게 했을 겁니다. "정답 확인 버튼은 항상 사용자의 엄지가 닿는 영역에, 파괴적 행동 버튼과는 최소 거리를 둔다" 같은 *규칙*을 적었을 것입니다. 화면 100개를 그리는 대신 제약 하나를 잘 쓰는 일로 바뀌는 것이지요. 둘째, **일관성의 정의가 시각에서 의미로 옮겨갑니다.** 제이콥 닐슨의 휴리스틱에서 일관성은 오랫동안 디자인의 핵심 원칙이었습니다. 그런데 레이아웃이 매번 달라지는 환경에서 일관성은 무엇일까요. 픽셀의 일관성이 아니라 *행동의 일관성*입니다. 어떤 화면에서든 "취소"가 같은 의미와 같은 무게를 갖는다는 것. 거버너의 일은 보이는 모양을 통일하는 것이 아니라, 보이지 않는 의미 체계를 통일하는 것으로 깊어집니다. 셋째, **검증의 단위가 화면에서 시스템으로 커집니다.** 한 장의 시안을 테스트하는 것으로는 부족합니다. 규칙이 만들어내는 *수많은 가능한 화면들*이 모두 사용 가능한지를 확인해야 합니다. 예전에 매장 디자인을 개선하면서 아이트래킹으로 사용자의 시선이 어디서 머뭇거리는지를 측정한 적이 있습니다. 그때 배운 것은, 사용자의 몸은 디자인의 실패를 말보다 먼저 안다는 사실이었습니다. GenUI 시대에는 이 관찰을 한 화면이 아니라 규칙 전체에 적용해야 합니다. 시선이 머뭇거리는 조합이 단 하나라도 생성될 수 있다면, 그것은 규칙의 결함입니다. ## 손을 떠나보내고 판단을 쥐다 좋은 디자인은 결국 사용자의 문제를 해결하는 일입니다. 화면을 그리는 것은 그 일의 수단이었지 목적이 아니었습니다. 그 수단을 AI에게 넘긴다는 것은, 디자이너가 더 본질적인 질문 앞에 서게 된다는 뜻이기도 합니다. *어떤 규칙이 사용자를 보호하는가. 무엇을 자동으로 조립하게 두고, 무엇은 끝까지 사람이 결정해야 하는가.* 손으로 픽셀을 옮기던 시간이 줄어드는 것을 아쉬워하는 마음을 압니다. 저도 그렇습니다. 하지만 알렉산더가 일찍이 보여주었듯, 디자인의 가장 깊은 자리는 언제나 개별 결과물이 아니라 그것을 낳는 문법에 있었습니다. 화면을 그리지 않는 디자이너는, 화면을 잃은 디자이너가 아니라 마침내 시스템 전체를 손에 쥔 디자이너입니다. 여러분의 다음 프로젝트에서, 화면 한 장을 더 그리기 전에 그 화면을 만들어내는 규칙 한 줄을 먼저 적어보시길 권합니다. 거기서부터 거버너의 일이 시작됩니다. --- ## 참고 자료 - Christopher Alexander, Sara Ishikawa & Murray Silverstein, 『*A Pattern Language: Towns, Buildings, Construction*』, Oxford University Press, 1977 - Brad Frost, 『*Atomic Design*』, 2016 - Nielsen Norman Group, *"State of UX 2026: Design Deeper to Differentiate"*, 2026 - Vercel, *"Announcing v0: Generative UI"* 및 *"Introducing AI SDK 3.0 with Generative UI support"* - John Sweller, *"Cognitive Load During Problem Solving: Effects on Learning"*, Cognitive Science, 1988 - Jakob Nielsen, *"10 Usability Heuristics for User Interface Design"*, Nielsen Norman Group