• lxxjune

디자인시스템: 왜 AI 시대에 더욱 중요한가

2026년 4월 19일

디자인시스템: 왜 AI 시대에 더욱 중요한가

디자인시스템이란 무엇인가요?

디자인시스템(Design System)이라는 단어는 요즘 제품 조직이라면 어디서나 들을 수 있는 말이 되었습니다. 그런데 막상 “그게 정확히 뭔가요?”라고 물으면, 대답이 제각각인 경우가 많습니다. 누군가는 “컴포넌트 라이브러리”라고 하고, 누군가는 “스타일 가이드”라고 하고, 또 누군가는 “피그마 파일”이라고 답하기도 합니다. 모두 틀린 말은 아니지만, 전부를 담은 말도 아닙니다.

디자인시스템이란, 제품이나 서비스의 UI를 일관성 있게 설게하고 개발하기 위한 가이드라인, 컴포넌트, 패턴, 원칙, 그리고 그것을 뒷받침하는 철학 전체를 아우르는 체계입니다. 코드가 담긴 저장소이기도 하고, 디자이너가 매일 열어보는 피그마 라이브러리이기도 하며, 팀 전체가 같은 언어로 소통할 수 있게 해주는 공통의 사전이기도 합니다.

조금 더 구체적으로 쪼개어 보면, 디자인시스템은 보통 세 개의 층으로 구성됩니다.

파운데이션

색상(Color), 타이포그래피(Typography), 간격(Spacing), 그리드(Grid), 모션(Motion)과 같이 가장 원자적인 시각 언어들이 여기에 속합니다. 이 층은 보통 '“디자인 토큰(Design Token)”이라는 형태로 정의됩니다. 디자인 토큰이란 color-primary: #FF6F0F처럼, 디자인의 결정을 이름을 가진 변수로 저장해 둔 것입니다. 토큰 하나를 바꾸면 그것을 참조하는 모든 컴포넌트에 동시에 변경이 반영됩니다.

컴포넌트

버튼, 인풋 필드, 모달, 카드처럼 특정 인터렉션을 담당하는 재사용 가능한 UI 단위들입니다. 잘 만들어진 컴포넌트는 단순히 시각적인 설계만이 아니라, 접근성, 상태, 변형까지 모두 포함합니다.

패턴과 원칙

컴포넌트들을 어떻게 조립하고, 어떤 상황에서 어떤 패턴을 써야 하는지, 그리고 왜 그 결정을 내렸는지에 대한 설명이 여기에 담깁니다. 이 층이 없으면, 사람들은 컴포넌트를 갖다 쓰면서도 저마다 다른 방식으로 쓰게 됩니다.

결국 디자인시스템은 우리 팀이 제품을 만드는 방식에 대한 집단 지성이라고 볼 수 있습니다. 이는 살아있는 문서이고, 끊임없이 갱신되어야 합니다.

디자인시스템은 왜 필요할까요?

한 문장으로 답을 해보자면, 제품이 커지면, 혼돈이 따라오기 때문입니다.

초기에 혼자, 혹은 두세 명이서 제품을 만들 때는 디자인시스템 같은 것이 없어도 괜찮습니다. 한 사람이 모든 화면을 직접 만들면, 자연스럽게 어느정도의 일관성이 유지되기 때문이죠. 그러나 팀이 커지고, 제품이 복잡해지고, 화면 수가 수십 개에서 수백 개로 늘어나면 어떻게 될까요? 서로 다른 디자이너가 퍼튼의 파란색을 조금씩 다르게 정의하기 시작합니다. 개발자들은 비슷하게 생긴 컴포넌트를 여기저기서 새로 만듭니다. 새로 합류한 팀원은 기준을 알 수 없어 기존 패턴을 참고하다가, 이미 엉켜있는 패턴을 더 엉키게 만듭니다.

이것은 단순히 미적인 문제가 아닙니다. 여기서 발생하는 비용은 상당합니다.

개발 효율성 저하

이미 존재하는 컴포넌트를 다시 만드는 데 시간을 씁니다. 디자이너와 개발자가 “이 버튼 색이 왜 다르죠?”라는 대화를 반복하게 됩니다. 작은 브랜드 컬러 변경 하나가 수십 개의 파일을 일일이 뒤지는 작업으로 이어집니다.

사용자 경험의 파편화

같은 앱 안에서도 화면마다 버튼의 크기가 다르고, 에러 메시지의 위치가 다릅니다. 사용자는 익숙해질 겨를 없이, 매번 새로운 패턴에 적응해야 합니다.

의사결정의 낭비

“이걸 어떻게 디자인해야 하지?” 라는 질문을 이미 해결된 문제에 대해 반복적으로 던지게 됩니다. 정작 집중해야 할 복잡한 문제에 쓸 에너지를 소모합니다.

당근의 디자인시스템팀은 이 문제를 명확히 인식하고 있었습니다. 당근 블로그에서 디자인시스템 팀 구성원은 “빠른 실행이 가능하려면 탄탄한 디자인시스템이 필요하다”고 말합니다. 목적조직이 굉장히 빠른 속도로 움직이는 환경에서, 디자인시스템은 속도를 제약하는 규칙이 아니라 오히려 속도를 가능하게 만드는 인프라라는 것입니다.

kt cloud의 기술 블로그에서는 디자인시스템을 이렇게 요약합니다. 그것은 ‘바퀴를 다시 발명하지 말라(Don’t Reinvent the Wheel)’는 격언을 실천하기 위한 구조입니다. 잘 만들어 놓은 바퀴를 마련하는 것, 그것이 디자인시스템의 본질입니다.

AI가 모든 UI를 만들어주는 시대에도 디자인시스템이 필요할까요?

네.

솔직히 말하면 요즘 AI 툴들은 정말 놀라울 정도로 뛰어난 기술력을 가졌습니다. Cusor, v0, Stitch 같은 도구들은 텍스트 몇 줄로 그럴싸한 UI 화면을 뚝딱 만들어냅니다. 토스에서는 이미 AI가 디자인한 화면이 실제 제품에 쓰이기 시작했다고 밝혔습니다. 이런 시대에 디자인시스템이 정말 필요할까요?

제 대답은, “그 어느 때보다 더 필요하다”입니다.

이유는 간단합니다. AI는 규칙 없이 생성하고, 디자인시스템은 규칙을 정의합니다. AI 도구들이 생성하는 UI는 그럴싸해 보이지만 맥락이 없습니다. 버튼의 파란색이 이 화면과 저 화면에서 미묘하게 다르거나, 간격이 제멋대로이거나, 컴포넌트의 상태는 빠져있습니다. AI가 생성한 UI는 화면 하나에서는 아름다울 수 있지만, 수백 개의 화면이 하나의 언어로 말해야 하는 순간에는 무너지게 됩니다. 토스의 인터뷰에서는 이 지점을 명확하게 짚어냅니다. “앞으로 디자이너의 역할은 직접 디자인하는 것이 아니라, AI가 나보다 더 뛰어난 결과물을 만들 수 있도록 원칙과 시스템을 설계하는 것이다.” 디자이너는 “제작자”에서 시스템의 설계자”로 역할이 이동하고 있습니다.

이 변화에서 디자인시스템은 AI가 올바른 결과물을 만들어낼 수 있도록 훈련시키는 기준입니다. 디자인 토큰이 명확히 정의되어 있고, 컴포넌트의 변형과 상태가 체계적으로 정리되어 있을 때, AI는 그 기준에 맞춰 생성할 수 있습니다. 반대로 그 기준이 없다면, AI는 맥락 없이 아름다운 파편들을 쏟아낼 뿐입니다.

또 하나의 이유는 브랜드 아이덴티티 입니다. AI는 형태를 만들 수 있지만, 맥락과 의미를 구축하는 것은 인간 디자이너의 역할입니다. 당근의 SEED, Atlassian의 Maison Neue 서체에 담긴 브랜드의 성격은 AI가 임의로 만들어낼 수 없습니다. 그것을 정의하고 시스템화 하는 것이 디자인시스템의 역할이며, 그 시스템이 있을 때 AI도 필요한 화면을 알맞게 만들 수 있습니다.

변화될 디자인시스템

지금 우리가 알고 있는 디자인시스템은 앞으로 크게 달라질 것입니다. 그 변화의 방향을 몇 가지로 정리해보겠습니다.

디자인 토큰이 모든 것의 중심이 된다.

이미 Attlassian, Zendesk, Token Studio 같은 조직들은 디자인 토큰을 단일 진실 공급원으로 사용하고 있습니다. 앞으로는 하나의 토큰 값이 Figma, 웹 CSS, iOS UI color, Android Compose에 동시에 적용되는 것이 표준이 될 것입니다. 브랜드 컬러 하나를 바꾸는 것이 수백 개의 파일을 수정하는 일이 아니라, 토큰 하나를 수정하는 일이 됩니다.

AI와 토큰의 결합이 새로운 생산성을 만든다.

Figma-to-code같은 도구들은 이미 디자인 결정을 코드로 자동 번역하기 시작했습니다. Figma MCP를 AI와 연결하면 화면을 직접그려주기도 하죠. AI가 토큰을 이해하고, 그 토큰들을 기반으로 UI를 생성하는 파이프라인이 구축되면, 반복적인 화면 제작 작업의 상당 부분이 자동화될 것입니다. 디자이너의 시간은 “어떻게 만들까”가 아닌 “무엇을 왜 만들까”에 쓰이게 됩니다.

다중 플랫폼 대응이 기본이 된다.

2025년의 디자인시스템은 라이트모드와 다크모드를 고민하지만, 앞으로는 음성 인터페이스(Voice UI), AR/VR 환경, 다이나믹 아일래든 같은 새로운 플랫폼까지 포괄해야 합니다. Atlassian의 디자인 토큰 체계처럼, 맥락에 따라 유연하게 적용되는 Semantic Token 구조가 이 복잡성을 감당하는 방법이 됩니다.

디자인시스템이 AI를 학습시키는 데이터가 된다.

토스의 사례처럼, 잘 정리된 디자인시스템의 컴포넌트와 스타일 구칙은 AI 모델을 파인 튜닝하는 데이터로 활용될 수 있습니다. AI가 “우리답게” 생성하기 위해서는 “우리다움”이 시스템으로 정의되어 있어야 합니다. 이것이 미래의 디자인시스템이 가져야 할 새로운 역할입니다.

디자이너의 역할이 재정의된다.

토스의 어떤 글에서 인상적이었던 문장이 있습니다. “디자인을 만드는 사람이 아니라, AI가 더 뛰어난 디자인을 만들도록 워칙과 시스템을 만드는 사람이 되는 것.” “미래에 뛰어날 디자이너는 AI를 단순히 사용하는 것이 아니라, 질문하고 종합하고 AI 방향을 이끌어가는 사람들일 것이다.” 디자인시스템을 만들고 운영하는 능력이, 앞으로 디자이너의 가장 중요한 역량 중 하나가 될 것입니다.

디자인시스템은 결코 완성되지 않습니다.

제품이 살아있는 한, 함께 자라야 합니다. 처음에는 버튼 하나, 컬러 팔레트 하나로 시작해도 좋습니다. 중요한 것은 시작하는 것이고, 더 중요한 것은 멈추지 않는 것입니다.

AI가 UI를 만드는 시대가 왔습니다. 그러나 AI가 방향을 정하지는 않습니다. 무엇을 만들고, 왜 그렇게 만들고, 어떤 원칙 위에서 만드는지를 결정하는 것은 여전히 인간의 몫입니다. 디자인시스템은 그 결정을 체계화하고, 조직 전체가 같은 방향을 바라보게 만드는 구조입니다.

AI 시대의 디자인시스템은 AI가 올바른 방향으로 달릴 수 있는 트랙을 설계하는 일입니다.

참고자료

의견 남기기
lxxjune