[Hacker News 요약] 디자이너, 피그마 대신 Claude로 실제 코드 기반 프로토타입 제작에 몰두하다
29
설명
Jane Street의 한 디자이너가 LLM(대규모 언어 모델)인 Claude를 활용하여 디자인 워크플로우를 혁신하고 있다는 흥미로운 사례가 공유되었습니다. 저자는 과거 LLM에 대한 회의적인 시각을 가지고 있었으나, 이제는 Figma보다 Claude를 더 많이 사용하며 실제 작동하는 프로토타입을 직접 구현하고 있습니다. 이 변화는 디자인 프로세스의 효율성을 극대화하고 아이디어 검증 방식을 근본적으로 바꾸고 있습니다. 특히 OCaml과 같은 익숙하지 않은 기술 스택 환경에서 AI의 역할이 더욱 부각됩니다.
### 배경 설명
최근 몇 년간 AI, 특히 LLM 기술은 소프트웨어 개발 및 디자인 분야에 혁신적인 변화를 가져오고 있습니다. 기존에는 디자이너가 Figma와 같은 툴로 목업을 만들고, 이를 개발자에게 전달하여 구현하는 방식이 일반적이었습니다. 이 과정에서 아이디어의 초기 검증이 어렵고, 디자인과 개발 간의 반복적인 소통으로 인해 시간과 비용이 많이 소요되는 문제가 있었습니다.
LLM은 이러한 간극을 메우고, 디자이너가 직접 코드를 생성하거나 수정하여 아이디어를 빠르게 현실화할 수 있는 가능성을 제시합니다. 특히 Jane Street와 같이 OCaml 및 Bonsai와 같은 특정 기술 스택을 사용하는 환경에서는, 디자이너가 해당 언어에 대한 깊은 지식 없이도 AI의 도움을 받아 실제 시스템에 가까운 프로토타입을 만들 수 있다는 점에서 주목할 만합니다. 이는 디자이너의 역할과 역량을 확장하며, 제품 개발 주기를 단축시키는 중요한 전환점이 될 수 있습니다.
### LLM에 대한 초기 회의론과 전환점
저자는 Copilot, Cursor, Gemini 등 다양한 LLM을 시도했지만 만족스러운 결과를 얻지 못해 회의적이었습니다. 특히 자신이 잘하는 분야에서는 LLM이 오히려 더 나쁜 결과를 내놓았다고 언급합니다. 그러나 Jane Street에 합류한 후 OCaml이나 Bonsai처럼 익숙하지 않은 기술 스택을 다루면서 AI의 도움을 절실히 느끼게 되었고, 이것이 디자인 워크플로우에 LLM을 적극적으로 도입하게 된 계기가 되었습니다.
### Claude 기반의 새로운 디자인 워크플로우
기존의 스펙 문서 작성, Figma 목업 제작, 제안서 작성, 개발자와의 구현 검토 등의 과정을 넘어, 이제는 Claude를 활용하여 실제 작동하는 프로토타입 기능을 직접 구축합니다. 문제와 제안을 설명하는 프롬프트를 작성하고, Claude의 도움을 받아 기본적인 기능을 구현한 뒤, 무제한으로 반복 수정하며 개발 환경에 배포하여 사용자 피드백을 받습니다. 이 과정에서 Figma 컴포넌트 생성이나 문서 형식 지정과 같은 부수적인 작업에 드는 노력을 줄이고, 실제 결과물 개선에 집중할 수 있게 되었습니다.
### 실제 코드 기반 프로토타입의 장점과 도전 과제
실제 코드베이스 내에서 작동하는 프로토타입은 목업이나 문서보다 훨씬 효과적이라고 저자는 강조합니다. 특히 JSQL 입력에 LLM 프롬프팅을 추가하는 프로토타입 사례에서, Claude 덕분에 수십 번의 수정과 개선이 신속하게 이루어졌습니다. 이는 이전 직장에서는 며칠 또는 몇 주가 걸리거나 아예 불가능했을 작업입니다. 그러나 이 워크플로우는 리뷰어에게 '완성된' 기능을 제시하게 되어, 리뷰어가 기능에 대한 초기 입력 없이 코드만 검토하게 될 수 있다는 단점도 있습니다. 현재는 프로토타입을 '살아있는 제안 문서'로 간주하고, 코드는 일회용이며, 리뷰어의 역할은 디자인과 사용자 경험에 대한 피드백을 제공하는 것으로 정의하여 해결책을 모색하고 있습니다.
### 디자이너의 역량 확장과 창의성 제약에 대한 고민
Claude를 통한 프로토타입 제작은 디자이너에게 엔지니어와 유사하게 아이디어를 직접 구현하고 검증할 수 있는 강력한 역량을 부여합니다. 이는 아이디어의 실현 가능성을 초기에 평가하고 사용자 니즈를 명확히 파악하는 데 큰 도움이 됩니다. 하지만 저자는 Claude에 의해 생성될 수 있는 결과물에 갇혀 반복적인 사고방식에 머무르고, 새로운 아이디어를 놓칠 수 있다는 창의성 제약에 대한 우려도 표합니다. 이는 과거 '디자이너가 코딩해야 하는가'에 대한 논쟁과 유사한 맥락으로, 새로운 도구가 가져오는 역할 변화와 그에 따른 고민을 보여줍니다.
### 가치와 인사이트
이 사례는 LLM이 디자인 워크플로우에 가져올 수 있는 혁신적인 가치를 명확히 보여줍니다. 디자이너가 아이디어를 빠르게 실제 작동하는 형태로 구현하고 검증할 수 있게 됨으로써, 제품 개발의 초기 단계에서 발생할 수 있는 불확실성을 크게 줄일 수 있습니다. 이는 디자인-개발 간의 핸드오프(handoff) 과정을 간소화하고, 반복적인 피드백 루프를 가속화하여 전반적인 개발 효율성을 높입니다. 특히, 디자이너가 기술 스택에 대한 깊은 이해 없이도 AI의 도움을 받아 실제 코드에 기여할 수 있게 됨으로써, 디자이너의 역할이 단순한 시각적 표현을 넘어 제품의 기능적 측면까지 아우르는 '메이커(maker)'로 확장될 수 있음을 시사합니다. 이는 디자이너가 더 큰 영향력을 행사하고, 아이디어를 직접 실현하는 주도적인 역할을 수행할 수 있는 기회를 제공합니다.
### 기술·메타
- LLM: Claude, Copilot, Cursor, Gemini
- Design Tools: Figma
- Programming Languages: OCaml, JavaScript
- Frameworks/Libraries: Bonsai, React
- Internal Tools: JSQL (internal SQL dialect)
### 향후 전망
LLM 기반 디자인 워크플로우는 앞으로 더욱 발전할 것으로 예상됩니다. 모델의 성능 향상과 함께, 특정 디자인 도메인에 특화된 LLM이나 플러그인이 등장하여 디자이너의 생산성을 더욱 높일 것입니다. Figma와 같은 기존 디자인 툴들도 LLM 기능을 통합하여 경쟁력을 강화할 가능성이 큽니다. 커뮤니티 측면에서는 이러한 새로운 워크플로우에 대한 모범 사례 공유와 함께, 디자이너와 개발자 간의 협업 방식에 대한 새로운 논의가 활발해질 것입니다. 특히, 'AI가 생성한 코드의 품질', '디자이너의 창의성 유지', '리뷰 프로세스의 재정의' 등은 앞으로 해결해야 할 중요한 과제입니다. 장기적으로는 디자이너가 코딩 능력을 갖추는 것이 더욱 중요해지거나, AI가 디자이너의 코딩 부담을 완전히 덜어주는 방향으로 발전할 수 있습니다. 궁극적으로는 AI가 디자인 프로세스의 모든 단계에 깊숙이 통합되어, 인간 디자이너는 더욱 고차원적인 문제 해결과 창의적 비전에 집중하는 미래가 도래할 수 있습니다.
📝 원문 및 참고
- Source: Hacker News
- 토론(HN): [news.ycombinator.com](https://news.ycombinator.com/item?id=48431981)
- 원문: [링크 열기](https://blog.janestreet.com/i-design-with-claude-code-more-than-figma-now-index/)
---
출처: Hacker News · [원문 링크](https://blog.janestreet.com/i-design-with-claude-code-more-than-figma-now-index/)
제목글쓴이조회
- [AI Breakfast] OpenAI는 6억 명 이상의 사용자를 대상으로 에이전트 슈퍼앱 전환을 추진합니다. 구글은 2026년 10월부터 SpaceX와 월 9억 2천만 달러 규모의 GPU 컴퓨팅 계약을 체결했습니다. Anthropic은 2025년 후반 모델을 능가하는 미공개 모델과 맞춤형 칩 개발에 집중하고 있습니다.[0]Nedai13
- [The Verge] 마이크로소프트 AI 총괄, '초지능 임박했지만 일자리는 빼앗지 않아' 선언[0]Nedai12
- [The Verge] 구글 NotebookLM, 제미니 3.5 업그레이드로 클라우드 기반 연구 역량 강화[0]Nedai13
댓글 0
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.