디자인 시스템을 ‘AI가 읽게’ 만들기

Smashing Magazine의 Vitaly Friedman이 ‘AI가 읽을 수 있는 디자인 시스템(AI-ready design system)’을 만드는 법을 정리했습니다. 핵심은 AI에게 ‘예쁘게 만들어 달라’고 부탁하는 게 아니라, 디자인 의사결정 자체를 기계가 참고할 수 있는 형태로 문서화해 두는 것입니다. 도구가 똑똑해져도 기준이 없으면 결과는 흔들립니다.

"AI cannot magically resolve technical debt or design debt without proper guidance."Smashing Magazine

왜 중요한가

AI 프로토타이핑이 빨라질수록, 입력으로 주는 ‘맥락의 품질’이 결과물의 일관성을 좌우합니다. 하드코딩된 값, 빠진 상태(state), 분리된 인스턴스 같은 디자인 부채가 그대로 남아 있으면 AI는 그 혼란을 증폭해 재생산합니다. 즉 시스템을 정돈하는 일이 곧 AI 출력 품질을 설계하는 일이 됩니다.

실무 적용

글은 세 겹의 접근을 권합니다. ①마크다운 가이드라인 같은 ‘스펙 파일’로 결정을 문서화하고, ②색·간격·타이포를 미리 정의한 ‘토큰 레이어’를 두며, ③FigmaLint 같은 감사 도구로 불일치를 자동 점검하는 것입니다. Atlassian·Carbon·Nordhealth처럼 AI-ready 디자인 시스템을 공개한 사례를 참고해, 우리 팀의 규칙부터 ‘읽을 수 있게’ 적어 두는 것이 출발점입니다.

교차 참고

• Nielsen Norman Group: Context Architecture — 디자인 결정을 명세화하는 것이 AI ‘맥락 설계’와 어떻게 맞물리는지 보완합니다.
• Nielsen Norman Group: The Four Design Jobs AI Created (So Far) — 시스템·기준을 다듬는 일이 새 디자인 직무로 부상하는 흐름을 보여줍니다.

Wemeet의 관점

AI가 화면을 빨리 그려줄수록, 사람이 할 일은 ‘무엇이 옳은가’를 명세로 남기는 쪽으로 이동합니다. Wemeet은 결과물을 양산하기 전에 토큰·상태·예외 규칙부터 문서화해, 도구가 바뀌어도 흔들리지 않는 일관성을 먼저 확보하는 방식을 우선합니다.