Prototype
프로토타입
실제 제품을 만들기 전에 디자인·기능·흐름을 미리 확인하기 위해 가볍게 만든 시제품으로, 사용자가 진짜처럼 만져 볼 수 있는 화면 시뮬레이션을 의미합니다.
쉽게 말하면?
신차를 양산하기 전에 점토로 모형을 만들어 디자인을 검토하듯, 디지털 제품에서도 '진짜 코드를 짜기 전에 사용자가 만져 볼 수 있는 가짜 화면'을 먼저 만듭니다. 미국 Figma가 2020년경부터 표준 도구가 됐고, 한국 토스·당근·네이버도 모든 신규 화면을 Figma 프로토타입으로 검증한 뒤 개발에 들어갑니다. AI 시대에는 v0·Bolt가 한 줄 설명만으로 동작하는 프로토타입을 만들어, 디자인-검증-수정 주기가 1시간 안에 끝나는 흐름이 자리잡았습니다.
한 줄로 비유하면?
프로토타입은 신차의 점토 모형입니다. 양산 전 디자인·조작감을 미리 검증하기 위한 시제품입니다.
어디에 쓰이나?
토스 · 결제 흐름 프로토타입
결제 단계마다 어떤 화면이 뜨는지 Figma 프로토타입으로 미리 검증.
결과: 출시 후 사용자 이탈률이 낮은 결제 흐름 확립.
v0 · AI 프로토타입
한 줄 설명만으로 즉시 동작하는 웹 프로토타입 생성.
결과: 비전공자가 1시간 안에 첫 프로토타입 보유.
주의할 점은?
프로토타입이 AI 시대 더 중요해진 이유는 세 가지입니다.
첫째, 검증 비용이 거의 0이 됐습니다. v0·Bolt로 한 시간에 만든 프로토타입을 사용자 테스트에 그대로 쓸 수 있습니다.
둘째, '디자인 → 코드 → 검증'이 한 흐름이 됐습니다. 옛날에는 Figma 프로토타입을 보고 개발자가 따로 코드를 짰지만, 지금은 AI가 그 사이를 메웁니다.
셋째, 한국 IT 회사가 신규 화면 출시 주기를 단축하는 핵심 도구입니다. 토스·당근의 빠른 출시 속도 배경에 프로토타입 → 검증 → 출시 흐름이 있습니다.
어떻게 발전해 왔나?
관련 태그
참고 자료
- Figma Prototyping — 공식 대표 페이지 · Figma · 2026 접속 — https://www.figma.com/prototyping/
- NN/g Prototyping — 프로토타이핑 표준 이론 · Nielsen Norman · 2025 — https://www.nngroup.com/articles/ux-prototypes/
- 토스 디자인 — 한국 프로토타입 사례 · 토스 · 2024 — https://design.toss.im/
- v0 — AI 프로토타입 도구 · Vercel · 2025 — https://v0.dev/
- State of UX 2024 — 프로토타입 도구 통계 · UX Tools · 2024 — https://uxtools.co/survey-2024/
대표 출처
Figma 공식 사이트 (Prototyping)이 페이지에 대한 의견을 남겨주세요
여러분의 의견은 다음 갱신에 반영됩니다.