인공지능(AI)이 제품 개발 과정에 깊숙이 개입하면서, 디자인 시스템의 역할과 워크플로가 근본적으로 변화하고 있습니다. 과거에는 디자이너가 만든 시안을 개발자가 코드로 구현하는 방식이 일반적이었으나, 이제는 AI가 생성한 제품을 역설계하여 일관된 코드와 캔버스로 되돌리는 '코드 중심 워크플로'가 중요해지고 있습니다. 이는 AI의 결과물이 아직 완벽하지 않기 때문에, 검증된 컴포넌트, 토큰, 문서, 접근성 속성 등 충분한 맥락(context)을 제공하는 디자인 시스템의 역할이 더욱 커지고 있음을 의미합니다.
메타(Meta)의 '애스터리스크(Asterisk)'는 이러한 변화를 잘 보여주는 사례입니다. 이 시스템은 컴포넌트, CLI(명령줄 인터페이스), 문서, MCP(Machine Consumable Properties)를 함께 제공하여 사람뿐만 아니라 기계도 읽을 수 있는 디자인 시스템을 지향합니다. 이는 AI가 디자인 시스템을 API처럼 활용하여 코드와 캔버스 사이를 유연하게 오가며 일관된 결과물을 생성할 수 있도록 돕습니다. 예를 들어, 여러 팀이 각기 다른 UI 프레임워크로 만든 23개 제품을 하나의 통합 코드베이스로 역설계하여 일관성을 확보한 사례는 AI 시대 디자인 시스템의 실질적인 적용 가능성을 보여줍니다. 또한, 피그마(Figma) 플러그인인 '피그마린트(Figmalint)'는 AI 사용에 적합하도록 디자인 시스템 컴포넌트를 검증하여, 개발팀에 전달되기 전 디자인 측의 책임 범위를 명확히 하는 데 기여합니다.
이러한 변화는 AI가 소프트웨어 제작 비용을 낮추는 동시에, 불완전한 AI 결과물을 완성하는 전문 에이전시의 수요를 창출하고 있습니다. 디자인 시스템은 AI가 임의의 조각을 조합하는 것을 제한하고, 검증된 '레고 블록'을 제공하여 최종 제품의 신뢰도를 높이는 역할을 합니다. 궁극적으로는 '계약(contract)'을 정본(canon)으로 삼아, 언어 모델의 해석 없이도 코드와 캔버스가 동일한 명세로부터 결정론적으로 생성되도록 하는 방향으로 발전할 것입니다. 이는 AI 시대에 디자인 시스템이 단순한 가이드라인을 넘어, 제품 개발의 핵심 인프라로 자리매김하고 있음을 시사합니다.