솔직히 고백하자면 저는 개발 로직을 짜는 것보다 디자인을 입히는 게 훨씬 더 어렵고 고통스럽습니다. 요즘 유행하는 바이브 코딩 덕분에 기능 구현은 순식간에 해치우지만, 막상 결과물을 보면 투박하기 짝이 없어서 한숨이 나올 때가 많았습니다. 기능은 완벽한데 겉모습은 10년 전 웹사이트 같은 느낌이 들었기 때문입니다. 그런데 최근 구글 Stitch (스티치)를 접하고 나서 이 고민이 말끔히 해결되는 경험을 했습니다. 저처럼 코딩은 되는데 디자인이 안 되는 분들을 위해 제가 직접 써보고 느낀 점을 가감 없이 풀어보겠습니다.
바이브 코딩의 딜레마와 디자인의 벽
요즘 저는 자연어로 코드를 짜는 바이브 코딩 방식에 푹 빠져 있습니다. 복잡한 문법을 몰라도 원하는 기능을 말만 하면 AI가 뚝딱 만들어주는 세상이 왔으니까요. 백엔드 로직이나 데이터베이스 연동 같은 부분은 정말 비약적으로 빨라졌습니다. 하지만 제가 직접 앱을 만들면서 늘 부딪히는 벽은 바로 시각적인 부분이었습니다. AI에게 코드를 맡기면 기능은 잘 돌아가는데, 디자인은 딱 평균 수준의 부트스트랩 스타일이나 기본적인 레이아웃에 머무르는 경우가 대부분이었습니다.
더 큰 문제는 디자인을 고치려다 발생하는 부작용입니다. 좀 더 예쁘게 만들고 싶어서 프롬프트를 수정하면, 멀쩡하게 돌아가던 로직이 깨져버리는 일이 다반사였습니다. 그렇다고 로직을 지키자니 디자인이 다시 밋밋해지는 딜레마에 빠지곤 했습니다. 결국 디자이너를 고용해야 하나, 아니면 내가 피그마를 배워야 하나 고민하던 차였습니다. 아마 많은 1인 개발자분들이 저와 비슷한 상황에서 멈칫하셨을 겁니다.
구글 스티치가 보여준 새로운 가능성
그러다 발견한 것이 바로 구글 스티치입니다. 처음에는 단순히 코드를 좀 다듬어주는 도구겠거니 생각했는데, 막상 써보니 개념 자체가 완전히 달랐습니다. 이미 기능 구현이 끝난 제 투박한 코드 위에 전문적인 디자인 레이어를 말 그대로 바느질하듯 입혀주는 방식이었습니다. 구글의 제미나이 모델을 기반으로 해서 그런지 시각적인 요소를 이해하는 능력이 탁월했습니다.
제가 가장 놀랐던 점은 기존 로직을 건드리지 않는다는 것입니다. 제가 작성한 비즈니스 로직은 그대로 보존하면서, 오직 사용자에게 보여지는 뷰 영역의 코드만 분리해 디자인을 입히는 것을 보고 감탄했습니다. 핀터레스트에서 마음에 드는 디자인 이미지를 찾아 업로드했더니, 95퍼센트 이상 유사한 코드로 구현해주는 기능은 정말 충격적이었습니다. 굳이 CSS 파일을 따로 만지지 않아도 테일윈드나 머티리얼 UI 같은 라이브러리에 맞춰 코드를 재구성해주니 작업 속도가 배로 빨라졌습니다.
실제 워크플로우 변화와 만족도
제 개발 루틴은 이제 완전히 바뀌었습니다. 예전에는 디자인 때문에 끙끙대며 시간을 허비했다면, 지금은 철저하게 이원화된 전략을 씁니다. 일단 커서나 윈드서프 같은 도구로 기능 중심의 뼈대를 만듭니다. 이때는 디자인을 전혀 신경 쓰지 않고 오직 기능 작동 여부만 확인합니다. 그 후 구글 스티치를 호출해 원하는 분위기나 레퍼런스 이미지를 던져줍니다.
제가 직접 작업해보니 스티치는 단순히 하나의 결과만 주는 게 아니라 서너 개의 디자인 시안을 코드로 제안해 주었습니다. 저는 그중에서 제 앱의 성격에 맞는 것을 고르기만 하면 되었습니다. 특히 모바일 반응형 처리나 웹 접근성 규격 같은 귀찮은 작업들도 알아서 처리해주니 놓치기 쉬운 디테일까지 챙길 수 있었습니다. 물론 도구에 너무 의존하면 기본적인 CSS 원리를 잊게 될까 봐 걱정되기도 합니다. 하지만 당장 상용화 수준의 앱을 내놓고 싶은 저 같은 개발자에게는 이만한 해결책이 없다고 봅니다.
결론적으로 바이브 코딩 시대에 디자인 격차를 메워주는 가장 강력한 도구가 등장했다고 생각합니다. 로직은 바이브 코딩으로 빠르게 짜고, 디자인은 스티치로 완성하는 것이 현재로서는 가장 효율적인 개발 방식인 것 같습니다. 디자이너 없이도 부끄럽지 않은 결과물을 낼 수 있다는 자신감을 얻은 게 저에게는 가장 큰 수확이었습니다. 앞으로 AI 개발 도구 시장은 누가 더 코드를 잘 짜느냐보다, 누가 더 디자인과 사용자 경험을 매끄럽게 통합하느냐의 싸움이 될 것 같습니다.
참고:
https://youtu.be/vdr2KcGD23g?si=8IZ4txHjmp5Yk6mJ