Supernova.io

Supernova.io는 컴포넌트 상태를 추적하고 Figma와 코드 사이에서 토큰을 동기화 상태로 유지한다. 그래서 디자인에서 바꾼 색상이나 간격이 몇 스프린트에 걸쳐 어긋나는 대신 실제로 코드베이스에 도달한다. 컴포넌트는 건강, 알려진 문제, 폐기 같은 상태를 지닌다. 라이브러리 상태가 한눈에 보인다. 이것이 제품의 핵심이다. 토큰이 실제로 무엇인지에 대해 디자인과 코드가 합의하는 한곳.

이 플랫폼은 Figma 파일과 변수, Storybook, 코드베이스 스캔에 연결한다. 워크스페이스마다 여러 파일과 연결을 링크할 수 있고, 확장 Figma collections 지원은 모든 플랜에서 쓸 수 있다. 이 폭이 중요하다. 대부분의 디자인 시스템은 한 파일에 담기지 않는다.

여러 브랜드를 한 지붕 아래에서 관리할 수 있고, 각각 고유한 모습을 지킨다. 브랜드마다 별도 시스템을 유지하는 대신 팀은 한 워크스페이스 안에서 맥락을 전환한다. 이는 디자인 운영 팀의 한 주를 조용히 잡아먹는 중복 통제 작업을 덜어준다. 하나의 제품군이 여러 시각적 정체성을 운영하는 조직을 겨냥한다. 이를 잘 다루는 도구는 드물다.

팀은 사람과 에이전트 모두를 이끄는 문서를 쓰고 발행한다. 모든 편집이 스냅샷으로 남아 누가 무엇을 바꿨는지 보고 어떤 버전이든 되돌릴 수 있다. 실시간 협업 덕에 디자이너, 엔지니어, 에이전트가 함께 편집할 수 있고 변경 이력이 이를 뒷받침한다. 작업 손실은 실제 문제다. 이 기능은 제 몫을 한다.

Supernova.io는 디자인 시스템용 필터링된 MCP 서버를 노출해 각 팀에 시스템 전체가 아니라 필요한 지식만 정확히 준다. 팀별 또는 표면별로 연결을 만들어, 버튼에 관한 질문에 답하는 에이전트가 토큰 라이브러리 전체까지 받지 않는다. Free는 연결 두 개를 포함한다. Pro는 열 개다. Enterprise는 무제한이다. 이 필터링이 중요하다. 없으면 모든 에이전트가 쓸 일 없는 맥락에 빠진다.

토큰이 바뀌면 코드 자동화가 이를 내보내고 pull request를 연다. 변경이 수작업 회수를 기다리며 디자인 파일에 머물지 않는다. 복사 붙여넣기 인계는 끝이다. 이를 연결한 팀은 디자인 결정을 손으로 코드로 옮기는 시간을 줄인다.

Slack의 Supernova 에이전트는 토큰과 가이드라인에 관한 질문에 진실 공급원에서 답한다. 별도의 분석은 팀이 실제로 쓰는 토큰과 컴포넌트, 도입이 처지는 곳을 보여준다. 네가 만든 그 컴포넌트를 누가 쓰는지 궁금했던 적이 있는가. 이제 알 수 있다. 둘을 합치면 디자인 시스템 담당자가 끊임없이 듣는 두 가지 질문을 덮는다.

이 플랫폼은 팀에서 피드백을 모아 빈틈을 백로그가 아니라 제안된 수정으로 바꾼다. 매력적으로 들리는 발상이지만, 대부분의 시스템이 실패하는 이유가 애초에 아무도 유지하지 않기 때문임을 떠올리면 달라진다. 목표는 시간이 지날수록 좋아지는 시스템이다. 종이 위에서는 좋아 보인다. 이는 제안에서 가장 야심 찬 부분이고, 솔직히 데모에서 가장 세게 검증해야 할 부분이다.