ClaudeCode 4분 소요

디자이너가 Figma를 끄고 Claude Code를 켰다: AI가 '도구'가 아니라 '직군'을 흔드는 순간

요즘 디자인 유튜브를 보다 보면 묘한 제목이 눈에 띕니다. “Figma를 Claude Code로 대체하라"는 영상이 올라오고, 조회수가 빠르게 쌓이고 있습니다. 디자인 도구의 대명사였던 Figma를 두고, 개발자 도구인 Claude Code로 화면을 만든다는 이야기인데요. 단순한 툴 갈아타기가 아니라, 디자이너가 일하는 방식 자체가 흔들리는 신호일 수 있습니다. 오늘은 이 흐름을 같이 들여다보겠습니다.

먼저 솔직하게 말씀드릴 게 있습니다. 이 주제는 아직 커뮤니티에서 활활 타오르는 대형 논쟁은 아닙니다. 최근 한 달간 레딧 같은 곳에서 굵직한 토론 스레드가 잡히진 않았습니다. 다만 유튜브에서는 이미 디자이너들이 직접 실험한 영상이 꾸준히 올라오고 있습니다. 작지만 분명한 움직임이라는 뜻입니다.

무슨 일이 벌어지고 있나

지난 한 달 사이 디자이너 대상 채널에서 비슷한 주제의 영상이 연달아 나왔습니다.

UI 디자인 채널 UI Collective는 5월 26일 “Claude Code for Designers: All the Ways to Use It"라는 영상을 올렸습니다. 조회수 16,775회, 좋아요 363개입니다. 제목 그대로 디자이너가 Claude Code를 쓰는 여러 방법을 정리한 내용입니다.

유명 디자인 교육 채널인 Flux Academy는 5월 11일 “Claude Design: Worth It or Just Hype?“를 공개했습니다. 조회수 24,066회로 셋 중 가장 많이 봤습니다. 제목에서 느껴지듯, “이게 진짜 쓸 만한 거냐, 아니면 그냥 거품이냐"를 따져보는 검증 콘텐츠입니다.

그리고 가장 도발적인 제목은 Drupal Canada의 “AI-Driven Design: Replace Figma with Claude Code"입니다. 조회수는 적지만 제목 자체가 이 흐름의 본심을 그대로 드러냅니다. Figma를 보조하는 게 아니라 대체한다는 단어를 정면으로 썼으니까요.

세 영상의 공통점이 있습니다. 디자이너가 만든, 디자이너를 위한 콘텐츠라는 점입니다. 개발자가 “디자인도 코드로 해보자"고 말하는 게 아니라, 디자인하는 사람들이 먼저 손을 뻗고 있다는 게 핵심입니다.

왜 하필 Figma가 아니라 Claude Code인가

여기서 잠깐 짚고 갈 게 있습니다. Figma와 Claude Code는 원래 완전히 다른 종류의 도구입니다.

Figma는 화면을 그리는 도구입니다. 사각형을 놓고, 색을 칠하고, 텍스트를 얹어서 ‘그림’을 만듭니다. 이 그림은 보기엔 진짜 같지만, 실제로 작동하지는 않습니다. 버튼을 눌러도 아무 일도 일어나지 않는, 정교한 스케치인 셈입니다.

Claude Code는 화면을 코드로 만드는 도구입니다. “로그인 화면을 만들어줘"라고 말로 지시하면, 실제로 동작하는 HTML과 CSS 코드를 짜줍니다. 그림이 아니라 진짜 움직이는 화면이 나옵니다.

차이가 보이시나요. Figma 결과물은 개발자에게 다시 넘겨서 코드로 옮기는 과정이 필요합니다. 디자이너가 그린 그림과 개발자가 만든 실제 화면 사이에는 늘 미묘한 틈이 생깁니다. 색이 살짝 다르고, 간격이 어긋나고, 애니메이션이 빠지는 그 흔한 문제들 말입니다.

Claude Code로 디자인하면 이 단계가 사라집니다. 디자인한 결과물이 곧 작동하는 코드이기 때문입니다. 그리는 사람과 만드는 사람 사이의 번역 과정이 통째로 빠지는 겁니다.

‘도구’가 바뀌는 게 아니라 ‘직군’이 바뀐다

여기가 오늘 글의 진짜 핵심입니다.

지금까지 디자인 업계의 도구 전쟁은 늘 ‘그리는 도구’끼리의 싸움이었습니다. 포토샵에서 스케치로, 스케치에서 Figma로. 도구는 바뀌었지만 디자이너가 하는 일의 본질, 즉 ‘화면을 그린다’는 행위 자체는 그대로였습니다.

그런데 Claude Code로의 이동은 결이 다릅니다. 디자이너가 더 이상 ‘그리지’ 않고 ‘말로 지시해서 만들게’ 하는 방향이기 때문입니다. 손으로 픽셀을 옮기던 사람이, 이제는 무엇을 만들지 설명하고 결과를 판단하는 사람으로 바뀝니다.

이건 도구의 교체가 아니라 역할의 재정의입니다. 디자이너의 핵심 능력이 그리는 손에서 판단하는 눈과 설명하는 언어로 옮겨가는 겁니다. 무엇이 좋은 화면인지 알아보는 안목, 그리고 그걸 AI에게 정확히 설명하는 능력. 이 두 가지가 새로운 무기가 됩니다.

Flux Academy 영상 제목이 “거품이냐 아니냐"를 물은 건 그래서 의미심장합니다. 업계가 아직 이 변화를 확신하지 못하고 있다는 증거이자, 동시에 무시할 수 없을 만큼 중요한 질문이 되었다는 뜻이기도 합니다.

그럼 Figma는 끝났을까

성급하게 결론 내리진 않겠습니다. 냉정하게 보면 아직 갈 길이 멉니다.

첫째, 데이터가 얇습니다. 앞서 말씀드린 대로 이 주제는 일부 디자이너들의 실험 단계이지, 업계 전체가 움직이는 대세는 아직 아닙니다. 유튜브 영상 몇 편이 거대한 변화를 보장하진 않습니다.

둘째, Figma가 잘하는 영역은 여전히 견고합니다. 여러 사람이 한 화면을 같이 보며 의견을 주고받는 협업, 디자인 시스템을 체계적으로 관리하는 일, 복잡한 아이디어를 빠르게 시각화하는 작업. 이런 건 코드보다 그림이 압도적으로 빠릅니다.

셋째, 코드로 디자인하려면 결국 코드를 어느 정도는 이해해야 합니다. AI가 짜준다 해도, 결과물을 읽고 고치려면 기본기가 필요합니다. 모든 디자이너가 당장 넘어갈 수 있는 길은 아닙니다.

그래서 현실적인 그림은 ‘대체’보다 ‘공존’에 가까워 보입니다. 아이디어를 빠르게 펼칠 땐 Figma, 실제 작동하는 결과물을 만들 땐 Claude Code. 두 도구를 오가는 디자이너가 당분간은 가장 강력할 겁니다.

마무리

오늘 이야기의 핵심은 이겁니다. AI가 디자인 도구 하나를 더 추가한 게 아니라, 디자이너가 무엇을 하는 사람인지를 다시 묻기 시작했다는 것. ‘그리는 사람’에서 ‘판단하고 설명하는 사람’으로의 이동은 이제 막 시작됐습니다.

아직은 작은 신호입니다. 하지만 도구 전쟁이 아니라 직군의 재정의라면, 천천히 와도 결국 모두를 비껴가진 못합니다. 여러분이 디자이너라면, 혹은 디자이너와 함께 일한다면 묻고 싶습니다. 당신의 무기는 여전히 ‘손’인가요, 아니면 ‘눈과 언어’로 옮겨가고 있나요.

ClaudeCode Figma AI디자인 디자인툴 UIUX

댓글

    댓글을 불러오는 중...