좋은 UI를 위한 현실적인 워크플로우가 있을까, 아니면 피그마/프론트엔드 기초는 결국 배워야 하는 걸까?
Is there a realistic workflow for good UI, or is learning Figma/front-end basics basically unavoidable?
핵심 요약
AI로 앱을 만들 때 UI 디자인의 한계를 느끼는 작성자가 피그마나 코딩 학습이 필수인지 고민하는 글입니다.
- UI 디자인 한계 — AI가 생성한 UI가 천편일률적인 SaaS 템플릿처럼 나오는 문제
- 프롬프트의 한계 — 미세한 디자인 수정을 위해 반복적인 프롬프트 수정이 필요한 상황
- 학습 필요성 — 디자인 도구나 코딩 지식 없이는 독창적인 UI 구현이 어렵다는 의견
- 현실적 조언 — 디자인 시스템 활용, 꾸준한 연습, 최소한의 CSS 지식 습득이 권장됨
Vibe coding(직관적 코딩)은 이제 막 시작했어. 기본적인 앱 기능은 구현할 수 있는데, 시각적인 부분, 그러니까 실제로 '보기 좋게' 만드는 게 문제야. 거기서 막혔거든.
어떻게 보였으면 좋겠다는 대략적인 감은 있어. 가끔 마음에 드는 사이트나 앱 스크린샷을 찍어서 AI한테 프롬프트나 디자인 방향성으로 잡으라고 시키기도 해. 어느 정도 도움은 돼. 색감은 비슷해지는데, 나머지 부분들, 예를 들어 컴포넌트 간의 배치 같은 건 결국 다 똑같은 양산형 SaaS 템플릿으로 돌아가 버려.
그리고 아주 작은 시각적 변경 하나 하려고 또 프롬프트를 몇 번씩 다시 써야 해. 진짜 짜증 나. 코드를 직접 열어서 수정할 만큼 프론트엔드를 잘 아는 것도 아니고. 피그마랑 디자인 시스템 같은 걸 새로 배우는 것도 너무 큰일 같아.
본격적으로 개발 공부를 하지 않고도 괜찮은 UI를 뽑아낼 수 있는 현실적인 워크플로우가 있을까? 아니면 결국 비주얼을 직접 제어하려면 피그마랑 코딩 지식을 어느 정도는 배워야 한다는 게 답일까?


