설립 3년 차 고객 경험 플랫폼인 Decagon이 AI 통합 디자인 워크플로우를 도입해 제품 개발 규모를 확장하고 있다. 일관성 문제를 해결하기 위해 디자인 팀은 엔지니어와 협력하여 'Deco'라는 통합 디자인 시스템을 구축했다. Figma 내 라이브러리에는 수백 개의 구성 요소, 스타일, 변수가 포함되어 개발자와 디자이너가 공통된 어휘를 공유한다. 라이브러리 분석에 따르면, 해당 시스템은 30일 동안 수만 건의 삽입 기록을 남기며 조직 전반에 성공적으로 정착했다.

디자인과 코드의 일관성을 유지하기 위해 Decagon은 디자인 결정 사항을 코딩 도구와 직접 연결하는 서버인 Figma MCP(Model Context Protocol)를 구현했다. 디자인 구성 요소를 Storybook과 통합하고 코딩 에이전트가 라이브러리에 직접 접근하게 함으로써, 수동 사양 내보내기나 반복적인 수정 작업이 사라졌다. 제품 디자이너 제니퍼 쉬(Jennifer Xu)는 이를 통해 코딩 에이전트가 Figma에서 정보를 직접 읽어 높은 정확도의 초기 코드를 생성하며, 결과적으로 불일치를 방지하고 세부 기술 조정 시간을 줄였다고 설명한다.

고객 피드백이 Decagon 제품 로드맵의 약 70%를 결정하는 만큼, 신속한 프로토타이핑은 필수적이다. 디자인 팀은 Figma Make를 사용하여 여러 프로토타입을 동시에 생성하고 테스트하며, 설계 초기 단계부터 고객에게 기능적 모형을 선보인다. 이 방식은 특히 대화형 대시보드나 분석 차트와 같은 데이터 집약적 기능을 개발할 때 효과적이다. 시각적 프롬프팅으로 설계를 반복하며 아이디어 구상부터 개발 준비 완료 단계까지 소요되는 시간을 크게 단축했다. 제품 이사 비한 지앙(Bihan Jiang)은 고정밀 프로토타입을 빠르게 제작하는 능력이 디자인 품질을 유지하면서도 고객의 요구사항을 효율적으로 충족시킨다고 밝혔다.

설립 3년 차 고객 경험 플랫폼인 Decagon이 AI 통합 디자인 워크플로우를 도입해 제품 개발 규모를 확장하고 있다. 일관성 문제를 해결하기 위해 디자인 팀은 엔지니어와 협력하여 'Deco'라는 통합 디자인 시스템을 구축했다. Figma 내 라이브러리에는 수백 개의 구성 요소, 스타일, 변수가 포함되어 개발자와 디자이너가 공통된 어휘를 공유한다. 라이브러리 분석에 따르면, 해당 시스템은 30일 동안 수만 건의 삽입 기록을 남기며 조직 전반에 성공적으로 정착했다.

디자인과 코드의 일관성을 유지하기 위해 Decagon은 디자인 결정 사항을 코딩 도구와 직접 연결하는 서버인 Figma MCP(Model Context Protocol)를 구현했다. 디자인 구성 요소를 Storybook과 통합하고 코딩 에이전트가 라이브러리에 직접 접근하게 함으로써, 수동 사양 내보내기나 반복적인 수정 작업이 사라졌다. 제품 디자이너 제니퍼 쉬(Jennifer Xu)는 이를 통해 코딩 에이전트가 Figma에서 정보를 직접 읽어 높은 정확도의 초기 코드를 생성하며, 결과적으로 불일치를 방지하고 세부 기술 조정 시간을 줄였다고 설명한다.

고객 피드백이 Decagon 제품 로드맵의 약 70%를 결정하는 만큼, 신속한 프로토타이핑은 필수적이다. 디자인 팀은 Figma Make를 사용하여 여러 프로토타입을 동시에 생성하고 테스트하며, 설계 초기 단계부터 고객에게 기능적 모형을 선보인다. 이 방식은 특히 대화형 대시보드나 분석 차트와 같은 데이터 집약적 기능을 개발할 때 효과적이다. 시각적 프롬프팅으로 설계를 반복하며 아이디어 구상부터 개발 준비 완료 단계까지 소요되는 시간을 크게 단축했다. 제품 이사 비한 지앙(Bihan Jiang)은 고정밀 프로토타입을 빠르게 제작하는 능력이 디자인 품질을 유지하면서도 고객의 요구사항을 효율적으로 충족시킨다고 밝혔다.