크리스 스트라흘, 크나프색의 창립자이자 CEO – 인터뷰 시리즈

크리스 스트라흘은 크나프색의 공동 창립자이자 CEO로, 디자인, 엔지니어링, 제품 팀을 하나의 진실된 시스템으로 연결하여 현대 디지털 제품을 다시 정의하는 데 중점을 두고 있습니다. 디자인 시스템과 프론트엔드 개발 배경을 가지고 있으며, 디자인 시스템 팟캐스트의 호스트로도 잘 알려져 있습니다. 여기서 그는 조직이 디자인을 확장하고, 협력을 개선하고, 디지털 생산을 현대화하는 방법을 탐구합니다.

크나프색은 기업용 디자인 시스템 및 디지털 생산 플랫폼으로, 디자인 자산, 코드, 콘텐츠, 문서를 실시간으로 연결하는 살아있는 시스템입니다. 이 플랫폼을 통해 팀은 재사용 가능한 생산 준비가 완료된 구성 요소를 구축하고, 디자인 토큰을 관리하며, 복잡한 디지털 생태계에서 일관성을 유지할 수 있습니다. 디자인 및 UI 데이터를 확장 가능하고 AI 준비가 완료된 방식으로 구조화함으로써, 크나프색은 대규모 조직이 배달을 가속화하고, 중복을 줄이고, 팀 및 채널 전체에서 브랜드 및 제품 무결성을 보장하는 데 도움을 줍니다.

크나프색은 바잘트에서 대규모 기업을 위한 디자인 시스템을 구축하는 데 몇 년을 보낸 후에 등장했습니다. 디자인 파일, 엔지니어링 워크플로, 출하된 코드 간의 반복되는 마찰이 무시할 수 없을 때가 되었습니다. 그것이 명확해진 순간은 무엇이었나요?

우리는 바잘트에서 수많은 디자인 시스템을 구축했습니다. 패턴은 명백했습니다. 디자인 파일, 엔지니어링 워크플로, 출하된 코드는 모두 별도의 우주에 존재했습니다. 결과는 단 하나의 극적인 실패가 아니었습니다. 그것은 1000번의 반복 가능한 손실이었습니다. 크기가 잘못된 버튼, 일관되지 않은 동작, 속성 전체에서 스타일 드리프트는 팀이 몇 개월 동안 다시 작업해야 하는 결과를 가져왔습니다. 우리는 그것이 실제 문제임을 알았습니다. 그것은 더好的 동기화 플러그 또는 더 좋은 문서로 해결할 수 없는 문제였습니다. 그것은 디자인, 코드, 브랜드 규칙에 대한 단일한 권위적인 시스템이 필요했습니다. 이러한 인식은 전용 플랫폼이 필요하다는 것을 명확히 했습니다.

에이전시 및 컨설팅 업무에서 제품 회사 구축으로 이동하는 과정에서 기존 디자인 시스템 도구 및 워크플로우 플랫폼이 해결하지 못한 더 깊은 문제가 무엇이었나요?

제품을 구축하는 데 중점을 둔 후, 핵심이 빠진 부분이 명백해졌습니다. 구성 요소, 제약 조건, 디자이너 및 엔지니어 간의 상호 작용을 캡처하는 신뢰할 수 있는 기계가독성 시스템이 없었습니다. 기존 도구는 파일 또는 분리된 저장소에만 중점을 두었지, 제품의 실제 상태를 나타내는 살아있는 표현에는 중점을 두지 않았습니다. 구성 요소, 테마, 사용 규칙, 규정 메타데이터를 포함합니다. 우리는 구성 요소 중심, 버전이 지정된, 측정 가능한 및 디자인 도구와 코드베이스와 통합할 수 있는 표준 시스템을 중심으로 크나프색을 구축했습니다. 이러한 결론은 우리의 摂取 모델 및 연결 레이어를 형성했으며, 궁극적으로 지능형 제품 엔진으로 이어졌습니다.

“캔버스 시대”가 살아있는 코드 연결 시스템으로 대체되고 있습니다. 이 전환을 어떻게 정의하시나요? 제품 생성이 정적 파일에서 지속적으로 업데이트되는 시스템으로 이동할 때 팀에 어떤 변화가 발생하나요?

캔버스 시대는 UX를 정적 아티팩트로 취급했으며, 일반적으로 팀 간에 전달되는 파일이었습니다. 새로운 시대는 실행 가능한 시스템을 통해 구동되며, 실제 구현을 반영합니다. 팀에 대한 변화는 상당합니다. 소스 트루스의 파일 또는 브랜치에 대해 논쟁하는 대신, 팀은 현재 구성 요소, 토큰, 접근성 제약 조건 및 생산 동작의 상태를 노출하는 공유 시스템에서 작업합니다. 이것은 모호성을 줄이고, 자동화된 유효성을 가능하게 하며, 실제 구성 요소가 아닌 근사값에 기반한 사용자 인터페이스를 생성하는 에이전트 워크플로를 지원합니다.

에이전트 생성 UI는 실제 구성 요소, 규칙 및 제약 조건을 반영하는 시스템 레코드 없이 종종 실패합니다. 이러한 앵커 레이어는 기업용 인터페이스를 생성하는 에이전트에 왜 필수적인가요?

에이전트는 레이아웃 및 복사본을 합성할 수 있지만, 기업용 인터페이스를 생성하기 위해서는 권위적인 어휘가 필요합니다. 앵커 레이어는 구체적인 구성 요소, 속성, 제약 조건, 토큰 및 사용 규칙을 포함하며, 에이전트가 존중해야 하는 경계를 제공합니다. 그렇지 않으면 에이전트는 스타일을 합성하거나, 접근성 요구 사항을 무시하거나, 실제로 엔지니어링 팀이 출하하는 코드와 일치하지 않는 코드를 생성합니다. 실제 구성 요소 그래프 및 규칙 세트와 함께, 에이전트는 구현 가능한 출력을 생성하며, 규정 준수 및 브랜드 표준과 일관성을 보장합니다. 이것은 예쁜 모의 업과 배포 가능한 인터페이스 사이의 차이입니다.

지능형 제품 엔진이 개발됨에 따라, 디자인 자산, 코드, 브랜드 규칙, 규정 요구 사항, UX 패턴 및 성능 데이터를 하나의 일관된 시스템으로 통합하는 것이 가장 어려웠던 것은 무엇이었나요?

도전은 단일 통합이 아닙니다. 다양한 표현 형식 간의 의도와 현실을 조화시키는 일련의 통합입니다. 디자인 토큰, 구성 요소 구현, 브랜드 지침, 생산 시스템의 텔레메트리 및 규정 메타데이터를 포함합니다. 이러한 각각은 다른 형식, 소유자 및 업데이트 주기를 가지고 있습니다. 이러한 신호를 하나의 일관된 모델로 변환하는 것은 강력한 摂取 파이프라인, 충돌 해결 규칙 및 소유권 및 기원에 대한 명확한 모델이 필요했습니다. 팀은 무엇이 변경되었는지,誰가 변경했는지, 왜 변경했는지 알아야 합니다. 이러한 신뢰 레이어를 구축하는 것이 가장 어려웠습니다.

에이전트가 점점 더 완전한 인터페이스를 생성할 수 있게 되면서, 디자이너와 엔지니어의 역할은 인간-에이전트 워크플로 내에서 어떻게 진화할 것으로 보나요?

에이전트는 반복적인 작업을 처리할 것입니다. 예를 들어 페이지를 스캐폴딩하는 것, 접근 가능한 변형을 제안하는 것, 현지화된 콘텐츠를 생성하는 것입니다. 디자이너는 전략, 경험 의도, 에지 케이스 UX 및 良好한 결과를 구동하는 제약 조건에 중점을 둘 것입니다. 엔지니어는 픽셀을 입력하는 것보다 구성 요소의 올바름, 런타임 계약, 관측 가능성 및 성능에 더 중점을 둘 것입니다. 인간은 큐레이터 및 유효성 검사자가 됩니다. 우리는 규칙을 정의하고, 출력을 검토하며, 품질이 무엇인지 결정합니다. 가장 가치 있는 인간 기술은 시스템思考 및 판단력입니다.

시리즈 A 후, 제품 개발 및 기업 채택을 가속화하기 위한 최우선 순위 영역은 무엇이었나요?

시리즈 A를 통해 우리는 세 가지 영역에서 가속화할 수 있었습니다. 첫째, 온보딩 및 摂取이 가능해져서, 기업이 시스템 레코드를 몇 달이 아닌 며칠 내에 생성할 수 있습니다. 둘째, 지능형 제품 엔진을 포함하여, 브랜드 및 규칙을尊重하는 생성된 인터페이스를 보장하는 모델 정렬 기능입니다. 셋째, 기업 제어 기능, 예를 들어, 권한, 감사 가능성 및 규정 후크를 통해, 리더가 크나프색을 대규모 조직에서 채택하는 데 확신을 가질 수 있습니다. 이것이 실제 규모의 채택을 구동하는 레버입니다.

기업 팀은 정적 워크플로에서 동적, 에이전트 준비 시스템으로 이동하는 데 어려움을 겪습니다. 가장 큰 장애물은 무엇이며, 크나프색은 조직이 어떻게 적응하도록 도와줍니까?

기업은 단편화된 시스템, 소유권 실로, 규제 제약 및 모든 것을 최신 상태로 유지하는 높은 비용으로 어려움을 겪습니다. 우리는 빠르고 결정적인 摂取을 제공하고, 소유권 및 기원을 모델링하고, 거버넌스 기능, 예를 들어, 권한 및 감사 로그를 제공함으로써 도움을 줍니다. 이러한 도구는 팀이 자동화된 워크플로에서 신뢰를 검증할 수 있도록 합니다.

제품 생성이 점점 더 자동화됨에 따라, 에이전트가 더 많은 기초 작업을 생성하는 환경에서 팀이 효과적으로 유지하기 위해 어떤 새로운 능력을 개발해야 합니까?

팀은 더 강력한 시스템思考 기술을 개발해야 합니다. 특히, 에이전트가 사용할 수 있는 제약 조건, 정책 및 구성 요소 계약을 작성하는 능력입니다. 또한, 에이전트 의사 결정에 대한 관측 가능성, 롤아웃 제어 및 생성된 UI에 대한 Q&A 프레임워크를 포함하여, 더好的 모니터링 및 유효성 검사 관행이 필요합니다. 거버넌스 리터러시가 특히 중요하며, 규정, 접근성 및 개인 정보 보호 요구 사항을 기계가독성 형식으로 표현하는 능력이 필요합니다. 성공하는 조직은 정책 및 품질을 시스템에 코딩할 수 있는 것입니다.

5년 후, 에이전트 기반 제품 생성이 어떻게 진화할 것으로 예상하시나요? 그리고 산업의 다음 단계에서 크나프색은 어떤 위치를 차지하고 싶으신가요?

5년 후, 제품 생성은 팀 간에 정적 컴포를 전달하는 대신, 살아있는 구성 요소 그래프에 대한 서비스를 구성하는 것과 유사할 것입니다. 에이전트 도구는 정책, 성능 예산 및 브랜드 제약 조건을 사용하여 생산 준비가 완료된 표면을 생성할 것입니다. 내 목표는 크나프색이 에이전트 및 앱이 회사의 실제 UI 기본 요소 및 규칙을 이해하기 위해 의존하는 표준 시스템 레코드가 되도록 하는 것입니다. 이는 모델 및 CI/CD와의 깊은 통합, 규제된 기업을 위한 강력한 거버넌스 및 새로운 팀을 위한 빠른 온보딩을 포함합니다. 크나프색은 기업이 에이전트를 더 자율적으로 운영할 수 있도록 브랜드, 행동 및 안전을 위한 신뢰할 수 있는 레이어가 되야 합니다.

그레이트 인터뷰 감사합니다. 현대적인 디자인 시스템 및 확장 가능한 디지털 생산에 대해 더 배우고 싶은 독자는 크나프색을 방문해야 합니다.