이 영상은 직군이 사라진다는 자극적인 말로 시작하지만, 실제로는 더 구체적인 얘기를 합니다. 프론트, 백엔드, 디자이너, PM의 경계가 AI 때문에 빠르게 합쳐지고 있고, 그 안에서 끝까지 남는 건 결국 UI/UX 감각과 경험을 설계하는 힘이라는 이야기예요.

flowchart LR
A[코딩 장벽 붕괴] --> B[직군 경계 약화]
B --> C[G-Stack·Superpowers 중심 워크플로]
C --> D[기능 경쟁에서 경험 경쟁으로 이동]

핵심 요약

  • 바이브 코딩 이후에는 프론트엔드, 백엔드, 디자이너, PM 같은 직군 구분이 점점 의미를 잃고 한 사람이 기획부터 배포까지 처리하는 흐름이 강해지고 있다
  • 개발자의 필요가 사라지는 게 아니라, 개발자라는 정의가 바뀐다는 게 영상의 핵심 주장이다
  • 기능 구현 난도가 급격히 내려가면서 경쟁 포인트는 기능 수보다 사용자가 느끼는 화면 감각, 인터랙션, 애니메이션 같은 UI/UX 경험으로 옮겨가고 있다
  • G-Stack은 기획과 우선순위 정리에, Superpowers는 바로 동작하는 HTML 시안 생성에 쓰이며, 둘을 붙이면 기획부터 디자인 초안까지 한 사람이 빠르게 끝낼 수 있다고 말한다
  • 피그마 같은 중간 도구를 거치지 않고 바로 코드형 시안으로 검증하는 흐름이 빨라지고 있고, 실제 해커톤 경험에서도 디자인과 컨셉 정리에 3분의 2, 코딩에 3분의 1을 썼다고 설명한다

왜 지금 중요한가

이 영상이 흥미로운 건 단순히 “AI가 개발자를 대체한다” 같은 얘기에서 멈추지 않기 때문입니다. 오히려 어떤 일이 사라지고 어떤 감각이 더 비싸지는지를 실무 워크플로 수준에서 보여 줘요. 개발자나 PM 입장에서도, 이제는 도구를 잘 쓰는 것만으로는 부족하고 어떤 경험을 설계할지까지 같이 가져가야 한다는 압박이 꽤 또렷하게 느껴집니다.

주요 내용

직군이 사라지는 게 아니라, 한 사람 안으로 합쳐지고 있다

영상 초반에 메이커 에반은 예전 앱 제작 과정을 먼저 떠올립니다. 서버를 띄우고 DB를 연결하고 API를 설계하고, 프론트 프레임워크를 고르고, 피그마로 시안을 만들고, 그걸 다시 개발자에게 넘기는 흐름이었죠. 이 과정에는 최소 네 명이 필요했고 회의도 끝이 없었다고 말합니다.

그런데 지금은 바이브 코딩 한 번만 해 보면 다르다는 거예요. 어려운 언어나 프레임워크를 깊게 몰라도, 하고 싶은 걸 말하면 AI가 만들어 주고, 그 결과 한 사람 손에서 기획, 디자인, 프론트, 백엔드, 배포까지 끝나는 흐름이 생긴다는 겁니다.

그래서 영상은 “개발자는 필요 없어지는가”라는 질문에 바로 선을 긋습니다. 필요 없어지는 게 아니라 정의가 바뀌는 거라고요. 사라지는 게 아니라 합쳐지는 것, 이 표현이 이 영상의 큰 뼈대입니다.

기능 경쟁은 끝나고, 경험 경쟁이 시작됐다

중반부에서 가장 힘을 주는 대목은 여기입니다. 백엔드 만드는 게 쉬워졌고, 누구나 비슷한 기능을 만들 수 있게 되면 결국 차이는 사용자가 무엇을 느끼느냐에서 난다는 거죠.

메이커 에반은 버튼을 눌렀을 때의 기분, 화면이 넘어갈 때의 부드러움, 처음 들어왔을 때의 첫 느낌이 전부 차별화 포인트가 된다고 말합니다. 그래서 기능 100개보다 좋은 인터랙션 한 개가 더 비싸다고 정리해요. 기능 경쟁은 끝났고, 이제는 경험 경쟁이라는 겁니다.

이 문장은 개발자와 PM에게 꽤 직접적으로 들립니다. 더 이상 리액트 잘함, 스프링 잘함만으로는 차별화가 안 되고, 좋은 디자인과 좋은 서비스를 많이 보고 왜 좋은지 자기 언어로 설명할 수 있어야 한다는 얘기니까요.

G-Stack과 Superpowers를 붙이면 기획과 시안이 확 줄어든다

영상에서 소개하는 실전 루틴은 꽤 선명합니다. 먼저 G-Stack을 켜고 나 이런 서비스 만들고 싶어. 같이 정리해 줘라고 던진다고 해요. 그러면 30분 안에 타깃, 핵심 기능, 차별점이 정리되고, 우선순위까지 같이 잡아 준다고 말합니다. PM 회의 한 시간 안에 기획안이 꽤 괜찮은 수준으로 다 나와 있어서 충격받았다고도 하죠.

그다음은 Superpowers입니다. G-Stack에서 정리한 기획안을 들고 가서 메인 화면과 핵심 페이지를 만들어 달라고 하면, 깔끔한 디자인 시안이 바로 나온다고 설명합니다. 중요한 건 이 결과가 정적인 이미지가 아니라 실제로 동작하는 HTML이라는 점이에요. 클릭도 되고, 스크롤도 되고, 인터랙션도 살아 있어서 느낌을 미리 검증할 수 있다고 강조합니다.

여기서 영상이 말하는 포인트는 단순 속도가 아닙니다. 기획과 디자인이 따로 떨어진 문서가 아니라, 바로 만져 볼 수 있는 결과물로 이어진다는 점이죠. 그래서 한 사람이 한 시간 만에 기획부터 디자인 시안까지 끝낼 수 있다고 말합니다.

피그마를 건너뛰고, 하루 안에 배포까지 가는 흐름

메이커 에반은 이제 피그마를 거의 안 쓴다고 말합니다. 예전에는 피그마에서 시안을 만들고, 그걸 캡처해서 보여 주고, 다시 개발자가 코드로 옮기는 과정이 있었는데, 지금은 Superpowers가 HTML로 바로 디자인을 뽑아 주기 때문에 시안이 곧 코드가 된다는 거예요.

버튼을 누르면 실제로 눌리고, 스크롤하면 실제로 움직이기 때문에 시안 단계에서 사용자 경험을 검증할 수 있다고 설명합니다. 피그마는 디자이너와 개발자 사이의 중간 다리였는데, 그 다리 자체가 사라지고 있다는 표현도 나옵니다. 그리고 HTML로 바로 뽑으면 중간 변환 과정이 사라져 시간이 절반이 아니라 10분의 1로 줄어든다고 말하죠.

실제 하루 워크플로도 구체적입니다. 새 프로젝트 아이디어가 떠오르면 G-Stack으로 30분 동안 기획을 정리하고, Superpowers로 한 시간 안에 동작하는 HTML 시안을 만든 뒤, 색상, 인터랙션, 폰트 같은 부분을 계속 다듬습니다. 마음에 들면 그대로 프론트엔드와 백엔드 코드로 바꿔 배포하고, 이 전 과정을 AI와 함께 하면 하루면 끝난다고 설명해요.

마지막으로 48시간 해커톤 경험도 붙입니다. 최근 해커톤에서는 디자이너와 디자인, 컨셉을 정하는 데 업무의 3분의 2를 썼고, 나머지 3분의 1만 코딩에 썼다고 해요. 그 정도로 지금은 기획과 디자인의 비중이 커졌다는 뜻입니다.

원문 발화 하이라이트

  • [01:50] “필요 없다가 아니에요. 개발자라는 정의가 바뀐다입니다.”
  • [03:13] “기능이 같으면요. 느낌이 좋은 걸 써요. 감각이 살아 있는 걸 써요.”
  • [04:06] “기능 100개보다 좋은 인터랙션 한 개가 더 비싸다.”
  • [06:00] “저는 이제 피그마를 거의 안 써요. 왜냐면 필요가 없거든요.”
  • [07:09] “30분이면요. 기획안이 다 나와요.”
  • [08:24] “답은 명확해요. 기술만 파는 시대는 끝났어요.”

바로 실행해 보기

  • 다음에 새 기능이나 새 서비스 아이디어가 떠오르면 바로 G-Stack 같은 도구에 타깃, 핵심 기능, 차별점, 우선순위까지 한 번에 정리해 보세요. 영상 기준으로는 이 단계가 30분 안에 끝나는 출발점이었습니다
  • 기획 문서를 만든 뒤에는 정적인 목업 대신 바로 동작하는 HTML 시안을 뽑아 보세요. 메인 화면과 핵심 페이지를 먼저 만들고, 클릭, 스크롤, 인터랙션이 실제로 어떻게 느껴지는지 확인하는 게 이 워크플로의 핵심이었습니다
  • 팀에서 아직 피그마 캡처, 전달, 재구현 흐름으로 일하고 있다면 작은 프로젝트 하나만이라도 기획 → HTML 시안 → 바로 수정 → 코드 반영 순서로 바꿔 실험해 보세요. 어느 구간에서 시간이 가장 많이 줄어드는지 금방 체감될 겁니다

참고

영상 메타

수집 품질

  • 자막 세그먼트: 318개
  • 자막 문자수: 5769자
  • 챕터 추출: 8개
  • 콘텐츠 생성: Subagent 기반

AI 생성 도구를 활용해 초안을 구성했고, 원영상 발화와 공개 자료를 교차 확인해 정리했습니다.