큐레이션 요약
Schema 2025:
Figma의 Schema 2025는 디자인 시스템을 정적인 규칙 모음에서 디자인·코드·AI를 연결하는 살아 있는 기반으로 발전시키는 방향을 제시한다. 이를 위해 여러 브랜드를 지원하는 컬렉션, 컴포넌트 확장성을 높이는 슬롯, 변수 사용을 자동 점검하는 AI 기반 린터 등을 발표했다. 핵심 목표는 시스템의 일관성을 유지하면서도 팀과 제품별 유연성, 협업 범위, 개발 연계를 강화하는 것이다.
AI 시대의 디자인 시스템
- 제품·디자인·엔지니어링의 경계가 흐려지고, 더 많은 사람과 AI 도구가 제품 개발에 참여하고 있다.
- 디자인 시스템은 팀 간 일관성을 유지하는 공유 언어를 넘어, AI가 디자인과 코드를 이해하도록 돕는 번역 계층으로 확장되고 있다.
- Figma는 디자인 시스템의 발전 방향을 다음 세 가지로 제시한다.
- 강력한 기능과 유연성의 균형
- 디자인과 코드 사이의 연결 강화
- 더 많은 사람이 디자인 프로세스에 참여할 수 있도록 영향력 확대
브랜드 확장을 지원하는 Extended collections
- 기존 변수 컬렉션은 단일 브랜드나 단순한 테마 관리에는 적합하지만, 여러 제품과 브랜드를 운영하는 기업에는 한계가 있었다.
- Extended collections를 사용하면 디자인 시스템 관리자가 기본 시스템을 화이트라벨 형태로 배포할 수 있다.
- 각 제품이나 브랜드의 디자이너는 기본 시스템을 바탕으로 자체 테마를 추가하고, 이를 게시·재사용할 수 있다.
- 확장 컬렉션은 부모 디자인 시스템과 연결되어 다음 변경 사항을 자동으로 상속한다.
- 새 변수 추가
- 색상 업데이트
- 핵심 시스템의 기타 변경
- 팀이 명시적으로 재정의한 색상과 값은 유지되므로, 중앙 통제와 브랜드별 자율성을 함께 확보할 수 있다.
- 2025년 11월 제공 예정으로 소개됐다.
컴포넌트 유연성을 높이는 Slots
- 기존 컴포넌트 인스턴스는 구조가 제한적이었다.
- 예를 들어 드롭다운 컴포넌트에 새 항목을 추가하려면 미리 숨겨 둔 항목을 활성화하거나, 컴포넌트를 분리(detach)해야 했다.
- 컴포넌트를 분리하면 디자인 시스템과의 연결이 끊겨 일관성과 개발 핸드오프가 약화된다.
- Slots를 사용하면 인스턴스 내부에 사용자가 직접 레이어를 추가할 수 있다.
- 특정 슬롯이 어떤 인스턴스를 허용할지도 지정할 수 있어 다음 효과를 얻는다.
- 컴포넌트 사용성 향상
- 디자인 시스템 규칙 준수
- 컴포넌트 연결을 유지한 채 콘텐츠 확장
- 슬롯 기능은 얼리 액세스로 제공될 예정이며 별도 신청이 필요하다.
AI 기반 변수 검수 기능, Check designs
- 개발 핸드오프 과정에서 실제 값 대신 어떤 디자인 토큰이나 변수를 사용해야 하는지 확인하는 일이 자주 발생한다.
- Check designs 린터는 디자인을 개발 준비 상태로 표시하거나 빠른 실행 메뉴를 통해 실행할 수 있다.
- 시스템은 원시 값과 대응하는 변수를 비교해, 디자인 시스템에 맞지 않는 요소를 찾아낸다.
- Figma의 사용자 지정 모델이 현재 맥락에 적합한 변수를 추천한다.
- 디자이너는 추천 내용을 검토한 뒤 적용할 수 있으므로, 자동화와 최종 판단을 함께 유지할 수 있다.
- 이를 통해 개발자는 변수 사용이 정리된 디자인을 전달받고, 핸드오프 과정의 추가 질문을 줄일 수 있다.
- 조직 또는 엔터프라이즈 전체 좌석 플랜 사용자는 얼리 액세스를 신청할 수 있다.
디자인 시스템 운영 방향
- 디자인 시스템이 규모가 커질수록 단순한 표준화만으로는 다양한 제품·브랜드·플랫폼 요구를 충족하기 어렵다.
- Figma의 이번 업데이트는 중앙 시스템의 일관성을 유지하면서도 제품 팀이 필요한 부분을 확장하도록 설계됐다.
- 변수, 컴포넌트, AI 검수 기능을 결합해 디자인 시스템을 다음과 같은 운영 기반으로 만들려는 접근이다.
- 중앙에서 관리되는 공통 규칙
- 제품별로 확장 가능한 테마와 콘텐츠
- 디자인 단계에서부터 검증되는 개발 연계성
- 사람이 만든 디자인 의도를 AI가 이해할 수 있는 구조
여러 브랜드를 운영한다면 Extended collections로 공통 토큰과 브랜드별 재정의를 분리하고, 복잡한 컴포넌트는 Slots를 통해 detach 없이 확장하는 방식이 유용하다. 또한 Check designs를 활용해 개발 핸드오프 전에 변수와 토큰 사용을 검수하면 디자인 시스템의 일관성과 구현 효율을 함께 높일 수 있다.
관련 글
큐레이션 요약을 이어서 읽어보세요.