처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
테크 뉴스
Hacker News 2026.06.08 68

이제 피그마보다 클로드로 디자인합니다 — Jane Street 개발자가 말하는 'AI로 디자인하기'

Hacker News 원문 보기
이제 피그마보다 클로드로 디자인합니다 — Jane Street 개발자가 말하는 'AI로 디자인하기'

디자인 도구를 안 켜고 디자인을 한다고요?

UI 디자인이라고 하면 보통 피그마(Figma)를 제일 먼저 떠올리잖아요. 화면을 네모 박스로 그리고, 색을 입히고, 버튼을 배치하고. 그런데 금융 기술 회사로 유명한 Jane Street의 한 개발자가 "나는 이제 피그마보다 클로드(Claude)로 디자인하는 시간이 더 많아졌다"는 글을 올려서 잔잔한 파장을 일으키고 있어요. AI 코딩 도구로 디자인을 한다는 게 무슨 말일까요? 오늘은 이 흐름을 찬찬히 풀어볼게요.

'그림'을 그리는 게 아니라 '진짜 화면'을 만든다

피그마 같은 디자인 도구의 본질을 한마디로 하면 '움직이지 않는 그림(mockup)'을 그리는 거예요. 예쁜 화면을 그릴 수는 있지만, 그 버튼을 눌러도 아무 일도 안 일어나죠. 진짜로 작동하게 하려면 결국 개발자가 그 그림을 보고 코드로 다시 옮겨야 해요. 이 과정에서 "디자인이랑 실제 구현이 미묘하게 다른데?" 하는 일이 정말 자주 생기거든요.

그런데 클로드 코드(Claude Code) 같은 AI 도구한테 "이런 느낌의 대시보드를 만들어줘"라고 말하면, 그림이 아니라 실제로 동작하는 HTML과 CSS, 자바스크립트 코드를 바로 만들어줘요. 버튼을 누르면 진짜로 눌리고, 데이터가 바뀌면 화면도 바뀌는, 살아 있는 시제품(prototype)이 나오는 거죠.

글쓴이가 말하는 가장 큰 장점이 바로 이 지점이에요. "디자인과 구현 사이의 거리가 사라진다"는 거예요. 그림으로 그릴 때는 "이 그림자 효과가 실제로 구현 가능한가?", "이 애니메이션이 자연스럽게 돌아갈까?" 같은 걸 상상에 맡겨야 했는데, AI가 만든 건 이미 돌아가는 코드니까 그런 불확실성이 없어요.

빠른 '왔다 갔다'가 핵심이다

디자인이라는 작업의 본질은 사실 시행착오의 반복이에요. 한 번에 완벽한 화면이 나오는 경우는 거의 없고, 만들고 보고 고치고를 수십 번 반복하면서 점점 좋아지거든요. 이걸 '반복(iteration)'이라고 해요.

AI를 쓰면 이 반복 속도가 어마어마하게 빨라져요. "버튼을 좀 더 크게", "색을 차분하게", "이 부분을 표 대신 카드 형태로" 같은 요청을 말로 던지면 몇 초 만에 새 버전이 나오니까요. 디자이너가 픽셀 단위로 고치고, 개발자가 또 그걸 코드로 옮기던 두 단계가 하나로 합쳐지는 셈이에요.

특히 Jane Street 같은 회사는 내부에서 쓰는 도구(사내 트레이딩 툴 같은 것)가 엄청 많은데, 이런 건 일반 사용자용 서비스만큼 디자인에 공을 들이긴 어렵지만 그래도 쓰기 편해야 하잖아요. 이럴 때 AI로 빠르게 쓸 만한 화면을 뽑아내는 방식이 딱 들어맞는 거예요.

그럼 피그마와 디자이너는 사라지나요?

여기서 오해하면 안 돼요. 글쓴이도 피그마가 아예 필요 없다고 한 건 아니에요. 브랜드 전체의 톤을 잡거나, 큰 그림의 디자인 시스템을 설계하거나, 픽셀 하나하나 정교하게 다듬는 작업에서는 여전히 전문 디자인 도구와 디자이너의 감각이 필요해요. 다만 "개발자가 혼자서 그럴듯한 화면을 빠르게 만들어야 하는" 상황에서는 AI가 판도를 바꾸고 있다는 거죠.

비슷한 흐름으로 Vercel의 v0, 그리고 여러 '코드 생성형 디자인 도구'들이 쏟아지고 있어요. 공통점은 모두 "정적인 그림 단계를 건너뛰고 바로 작동하는 코드로"라는 방향을 향하고 있다는 거예요.

한국 개발자에게 주는 시사점

1인 개발자나 작은 스타트업, 또는 사내 도구를 만드는 분들에게 특히 솔깃한 이야기예요. 디자이너 도움 없이도 "보기 흉하지 않은" 화면을 빠르게 만들 수 있다는 건 큰 무기거든요. 다만 AI가 뽑아준 코드를 그대로 쓰기보다는, 결과물을 비판적으로 보고 다듬는 안목이 더 중요해질 거예요. 도구가 좋아질수록 "무엇이 좋은 디자인인가"를 판단하는 사람의 눈이 진짜 실력이 되니까요.

마무리

핵심은 "디자인 도구로 그림을 그리던 시대에서, AI에게 말로 설명해 작동하는 화면을 얻는 시대로" 넘어가고 있다는 점이에요. 여러분은 사이드 프로젝트의 화면을 만들 때, 피그마부터 켜시나요 아니면 그냥 코드부터 짜시나요? AI에게 디자인을 맡겨본 경험이 있다면 결과물이 만족스러웠는지도 궁금하네요.


🔗 출처: Hacker News

이 뉴스가 유용했나요?

이 기술을 직접 배워보세요

바이브코딩으로 직접 만들어보세요

이 기술, 강의에서 실습으로 배울 수 있습니다.

바이브코딩 강의 보기

"비전공 직장인인데 반년 만에 수익 파이프라인을 여러 개 만들었습니다"

실제 수강생 후기
  • 비전공자도 6개월이면 첫 수익
  • 20년 경력 개발자 직강
  • 자동화 프로그램 + 소스코드 제공

매일 AI·개발 뉴스를 받아보세요

주요 테크 뉴스를 매일 아침 이메일로 전해드립니다.

스팸 없이, 언제든 구독 취소 가능합니다.