Figma보다 Claude로 디자인하는 시대 — Jane Street 디자이너의 전환

2026-06-08 · 2026-06-08_claude-design-over-figma.md

#claude #figma #ai-design #vibe-coding #prototype #jane-street #design-workflow

원문 출처

Figma보다 Claude로 디자인하는 시대 — Jane Street 디자이너의 전환

기본 정보

  • 작성자: Edwin Morris (Jane Street Options Desk 디자이너)
  • 원문: Jane Street Blog, 2026년 2월 5일
  • HN 스레드: 48431981
  • 배경: Jane Street는 퀀트 헤지펀드로, OCaml/functional programming 기반의 내부 거래 시스템을 운영

글의 핵심 내용

Jane Street의 디자이너 Edwin Morris는 LLM에 대해 원래 회의적이었는데, 디자인 워크플로우가 완전히 바뀌었다고 이야기한다.

기존 워크플로우

Spec Docs 작성 → Figma로 목업 → 제안서 작성 → 개발자가 구현 → 리뷰

새로운 워크플로우

문제 정의 → Claude Code로 프로토타입 직접 작성 → 개발 환경에 푸시 → 사용자 피드백 → 수정 반복 → PR 제출

핵심 주장: "실제 코드베이스에 프로토타입 기능을 만드는 것이 목업과 문서보다 거의 모든 면에서 더 좋다"

왜 변화했는가

  • Jane Street에서 OCaml과 Bonsai라는 새로운 기술을 배우고 있는데, 자신이 잘 모르는 영역에서 AI가 필수적이다
  • 전에 Copilot, Cursor, Gemini를 써봤지만 자신이 이미 잘하는 일을 자동화하려고 해서 실패했다
  • Claude는 "무료의 무제한 반복"을 준다. 50번째로 의견을 바꿨거나 작은 수정을 요청해도 Claude는 불평하지 않는다

구체적 사례

JSQL(내부 SQL 방언) 입력창에 LLM 프롬프팅 기능을 추가하는 작업을 실제로 Claude로 구현했다. 2000라인 이상 차이의 프로토타입도 만들었고, 완전히 새로운 앱의 시각적 디자인도 Figma를 건너뛰고 Claude로 시작하기도 했다.

주의사항

프로토타입 코드는 "살아있는 제안서(living proposal doc)"로 간주하며, 코드는 disposable(일회성)이라고 명시한다. 리뷰어는 코드 품질이 아닌 디자인과 UX에 피드백하라고 요청하고, 최종적으로는 엔지니어가 프로토타입을 참조하면서 별도의 production code를 작성한다.

HN 커뮤니티 반응

세 가지 큰 흐름으로 나뉜다.

찬성 측

  • "LLM이 아이디어를 가시적으로 만드는 도구로 Figma보다 효과적이다"라는 요약이 가장 공감을 받았다
  • 실제 코드에서 작업하는 것이 Figma 목업보다 훨씬 더 많은 정보를 전달한다는 의견
  • "디자인을 잘하는 사람이 Claude로 프로토타입을 만드는 것은 위험한 것이 아니라 오히려 효율적"

비판 측 (Vibe Coding 논쟁)

  • 비즈니스 담당자들이 AI로 "95% 끝났다"고 주장하면서 엔지니어에게 나머지 5%를 떠넘긴다는 우려
  • "프로토타입과 프로덕션 사이의 갭은 생각보다 작다" vs "도메인 지식이 없으면 AI 코드는 근본적으로 결함이 있다"는 대립
  • "그 비즈니스 사람들이 vibe coded 앱의 운영을 직접 해보길 기다리고 있다"는 냉소적 댓글
  • LLM은 컴파일러처럼 결정론적이지 않으므로 추상화 레이어가 될 수 없다는 지적

중립/분석 측

  • 이 글의 핵심은 "Claude로 프로덕션 코드를 작성한다"가 아니라 "LLM을 아이디어를 가시적으로 만드는 도구로 Figma보다 효과적으로 쓴다"는 것
  • Figma는 협업, 디자인 시스템, 정밀한 공간 제약에서 여전히 우위
  • Claude Design(2026년 4월 출시)과 Claude Code는 다른 제품이지만 혼동하는 사람 많음

새로운 시각

"도구를 배우는 사람이 도구로 디자인하는 것을 이긴다"

이 글에서 가장 흥미로운 점은 Edwin이 Claude를 채택한 진짜 이유가 "Figma가 불편해서"가 아니라 "자신이 OCaml과 Bonsai를 배우는 중이라 AI가 필수적이게 되었기 때문"이라는 것이다. 즉, AI가 디자인 도구를 대체한 것이 아니라, 자신이 새로운 도메인에서 일하면서 자연스럽게 AI를 매개로 작업하게 된 것이다.

이는 "AI가 디자이너를 대체한다"는 서사와는 완전히 다른 이야기이다. 오히려 "디자이너가 새로운 언어(코드)를 배우면서 AI가 그 언어를 익히는 교량 역할을 했다"는 이야기이다.

프로토타입의 정체성 위기

"코드는 disposable하다"는 선언은 중요한 철학적 전환이다. 전통적으로 프로토타입은 '버리려고 만드는 것'이지만, AI 시대에는 프로토타입 자체가 커뮤니케이션의 최종 매체가 된다. Figma 목업이 '참고자료'였다면, Claude 프로토타입은 '실행 가능한 제안서'이다.

Figma vs Claude Design 시장 영향

2026년 4월 Anthropic이 Claude Design을 출시했을 때 Figma 주가는 7.7% 하락했다. 하지만 전문가들은 Claude Design이 Figma를 완전히 대체하기보다는 '아이디어 탐색 단계'에서 경쟁할 것이라고 본다. Figma의 강점인 실시간 협업, 디자인 시스템, 정밀한 공간 제어가 아직 Claude Design에는 없다.

자녀와 미래에 대한 시사점

직업 선택 관점

  • "Figma를 잘해야 디자이너다"라는 기준은 빠르게 무의미해지고 있다. 대신 중요한 능력은:
  1. 문제 정의 능력 — 무엇을 만들지 명확하게 설명할 수 있어야 함
  2. 빠른 검증 능력 — 아이디어를 실제 작동하는 형태로 빠르게 만들어 피드백을 받을 수 있어야 함
  3. 도메인 지식 — AI가 코드를 생성하지만, 무엇이 올바른지 판단하는 것은 사람
  • 디자인, 프로그래밍, 마케팅 등 창의적 분야의 경계가 모호해지고 있다. 중요한 것은 도구가 아니라 사고방식

실용적 조언

  • 아이들이 성장할 때 "디자인을 배우려면 Figma를, 코딩을 배우려면 Python을"이라고 구분해서 가르치는 것은 의미가 줄어듬
  • 대신 "아이디어를 표현하는 여러 방식(글, 그림, 코드, 영상)을 모두 경험하게 하되, 가장 중요한 것은 '무엇을 만들지 아는 것'"이라는 방향으로 접근하는 것이 더 유용할 것
  • Claude 같은 도구는 이미 중고등학교 수준에서도 충분히 쓸 수 있으므로, 아이들이 아이디어를 빠르게 시각화하는 경험을 일찍 시작할 수 있는 환경이 될 것

관련 노트