컴포넌트만으로 전달되지 않는 디자인 판단
피그마가 10월 15일 ‘Build by design’ 발표에서 디자인 시스템에 지침과 코드 소스를 연결하는 방향을 공개했다. 완성된 화면이나 컴포넌트만 제공하는 데서 나아가, AI 에이전트가 팀의 패턴과 원칙을 참고하도록 하겠다는 구상이다. 제품을 빨리 시험하는 과정과 실제 출시를 위해 세부를 맞추는 과정 사이를 연결하는 발표의 일부다.
라이브러리에 붙이는 Guidelines는 공개 베타, GitHub 저장소나 npm 패키지에서 가져오는 Code sources는 폐쇄 베타로 구분된다. 회사는 여러 라이브러리를 한곳에서 관리하는 전용 공간도 미리 보여줬다. 변경과 의존성을 살피는 시스템 지도, 설명이나 상호작용 상태의 누락을 찾는 진단 등이 포함된다. 이 통합 관리 공간은 일반 제공 기능이 아니라 미리보기 단계다.
지침을 라이브러리와 함께 전달하는 방식
공식 도움말에 따르면 Guidelines는 라이브러리 자산만 보고 추론하기 어려운 규칙을 보완한다. 해당 라이브러리를 사용하는 작업을 에이전트에게 요청하면 첨부한 지침이 함께 전달된다. 지원 형식은 Markdown, 일반 텍스트, JSON이며 Professional·Organization·Enterprise 요금제에서 파일 편집 권한을 가진 사용자가 관리할 수 있다.
피그마가 권하는 내용은 흔히 틀리는 선택, 비슷한 컴포넌트의 구분, 색상 변수의 의미, 간격과 모서리 규칙 등이다. 애매한 상황에서는 권장 사례와 피해야 할 사례, 그 이유를 함께 쓰도록 안내한다. 권장 분량은 집중된 파일 3~8개와 합계 100KB 미만이며, 실제 업로드 상한은 라이브러리당 200KB다. 베타에서는 사용자가 파일을 저장해 직접 올려야 한다.
외부 도구에서 다시 캔버스로 들어오는 작업
발표는 MCP 연결도 확대했다. 피그마는 신규 파트너 통합 20개를 발표하며 OpenCode, Dia, JetBrains의 Junie, Meta Muse를 예로 들었다. 외부 AI 도구에서 코드 레이어를 생성하고 Specs를 읽고 쓰거나, 시각 자산을 만들고 공개된 Weave 워크플로를 실행하는 작업을 소개했다. 여러 출발점에서 만든 결과를 피그마 작업 공간으로 연결하려는 방향이다.
공식 기술 안내에는 HTML을 편집 가능한 디자인 레이어로 옮기는 도구도 포함된다. MCP 이용 한도는 요금제와 좌석 유형에 따라 달라지며, 이미지 생성과 Weave 실행은 각각 해당 크레딧 체계를 사용한다. 회사는 오류와 토큰 사용 개선을 설명했지만 발표에 공통 벤치마크 수치를 제시하지는 않았다. 연결 기능의 추가와 모든 팀에서의 비용 절감은 구분해 볼 필요가 있다.
디자인 시스템의 범위가 선택의 이유까지 넓어진다
이번 변화에서 디자인 시스템은 반복 사용할 모양의 목록을 넘어선다. 예를 들어 같은 이름을 가진 두 컴포넌트가 있어도 어느 상황에 무엇을 써야 하는지는 표면만 보고 결정하기 어렵다. 시각 자산 옆에 사용 기준과 반례를 두는 방식은 팀 안에서 암묵적으로 전해지던 판단을 공유 가능한 자료로 만드는 시도다.
이때 지침이 많다는 사실보다 충돌하지 않는다는 점이 중요하다. 공식 안내가 중복 설명을 줄이고 구체적인 상황과 이유를 함께 쓰도록 하는 것도 그 때문이다. 팀이 같은 색이나 간격을 사용하는 수준에서, 왜 그런 선택을 하는지 설명하는 수준으로 문서의 역할이 달라진다. 생성 결과의 일관성은 이 판단의 질과 유지 상태에도 영향을 받게 된다.
생성의 속도 옆에 남는 관리의 일
시스템 지도와 진단의 미리보기는 규칙을 한번 적으면 끝난다는 가정보다, 계속 바뀌는 관계를 관리해야 한다는 문제를 드러낸다. 코드의 변화가 디자인 자산에 어떤 영향을 주고, 문서의 설명이 현재 구현과 맞는지 확인하는 일이다. 에이전트가 결과물을 더 많이 만들수록 그 결과가 기대는 공통 기반을 살피는 작업도 중요해진다.
다만 지침 공개 베타와 코드 소스 폐쇄 베타, 통합 관리 미리보기는 준비 상태가 서로 다르다. 지금의 발표를 모든 연결이 이미 완성된 서비스로 보기보다, 규칙·구현·진단을 한곳에 모으는 진행 방향으로 읽는 편이 정확하다. 협업 도구의 경쟁이 화면을 만드는 속도에서 팀이 합의한 기준을 얼마나 잘 전달하고 고치는가로 넓어지고 있다.
출처
Figma Blog의 원출처와 본문에 표시한 참고자료를 바탕으로 한국어로 재구성했습니다. ‘ARCH.B 분석’은 자료를 읽고 덧붙인 편집 해석입니다.
Build by design: New workflows for new ways of building (새 창)