지금은 Figma보다 Claude로 디자인합니다 — 제인 스트리트 디자이너 워크플로우

Jane Street의 디자이너 Edwin Morris는 Claude Code가 자신의 디자인 워크플로에서 Figma를 대체하게 된 과정을 설명합니다. 이제 그는 사양 문서, Figma 목업, 제안 검토 대신 Claude Code를 사용하여 코드베이스에서 직접 프로토타입 기능을 구축합니다. 워크플로는 다음과 같습니다: 문제 설명 및 제안 작성 → Claude와 함께 편집기 열기 → 설명으로 프롬프트 → 작동하는 프로토타입 얻기 → 반복 → dev 환경에 푸시 → 사용자 피드백 받기 → 기능 제출(PR).

핵심 인용: "실제 코드베이스에서의 프로토타입 기능은 목업과 문서에 비해 거의 모든 면에서 더 나았습니다." Morris는 Claude Code가 "무료, 무제한 반복"을 제공한다고 보고합니다. 그는 Submit 버튼을 개선하고, 키보드 단축키를 추가하고, 문구를 수정하고, 프롬프트를 조정하고, 확인 메시지를 추가했습니다. 이러한 워크플로 개선은 이전 직장에서 "엔지니어링과 디자인 간의 수일 또는 수주 간의 논의가 필요했을 것"이라고 말합니다.

전환은 점진적으로 이루어졌습니다. 2025년 여름 Jane Street에 합류했을 때, 그는 AI를 사소한 UX 개선에만 사용했습니다. 더 큰 아이디어에는 여전히 Figma와 문서를 사용했습니다. 그러나 "지난 2개월 동안 Figma를 사용하는 상황이 급감했습니다." 이제 그는 더 큰 작업에 Claude를 사용합니다: "사용자 대면, 데이터 모델 및 라이브러리 변경을 포함한 6개의 다른 프로토타입(일부는 2000줄 이상의 diff)." 일부 새로운 앱의 경우, 그는 Figma를 완전히 건너뛰고 "처음부터 Claude와 함께 시각적 디자인을 반복합니다."

유일한 단점: 검토자는 목업 대신 완전히 구현된 기능을 받게 되어 디자인 입력이 줄어들 수 있습니다. 팀의 해결책: 설명에 "프로토타입은 살아있는 제안 문서이며, 코드는 일회용이며, 검토자의 역할은 디자인과 사용자 경험에 대한 피드백을 제공하는 것"이라는 알림을 작성합니다. 검토자는 결국 아이디어를 인계받고 별도의 기능에서 프로덕션 코드를 구현합니다.