Replit, 제미나이 3 기반 '디자인 모드' 출시: 2분 만에 UI 프로토타입 완성

아이디어를 웹사이트로 만들 때 디자인 툴에서 화면을 그리고 이를 다시 개발 환경으로 옮겨 코드로 짜는 과정은 늘 번거로운 일이었습니다.

클라우드 기반 개발 플랫폼 Replit이 이러한 단계를 건너뛸 수 있는 신규 기능인 Design Mode를 공개했습니다. 구글의 최신 모델인 Gemini 3를 기반으로 작동하며, 자연어 프롬프트만으로 2분 안에 인터랙티브 목업과 정적 웹사이트를 생성합니다.

프롬프트 입력 후 2분 만에 완성되는 인터랙티브 웹사이트

그동안 Replit은 풀스택 애플리케이션을 구축하는 개발자들의 도구로 자리 잡아 왔습니다. 하지만 시각적으로 완성도 높은 디자인을 빠르게 뽑아내기에는 진입 장벽이 높다는 피드백이 꾸준히 이어졌습니다.

새롭게 도입된 Design Mode는 이 문제를 해결하기 위해 Gemini 3를 엔진으로 채택했습니다. Replit 측은 Gemini 3가 단순한 코드 생성에 그치지 않고 레이아웃, 색상 조화, 타이포그래피, 시각적 계층 구조까지 종합적으로 이해하도록 설계되었다고 설명합니다.

주요 활용 사례는 크게 두 가지입니다. 첫째는 Claude Artifacts나 Magic Patterns와 경쟁하는 고품질 목업 제작으로, 개발팀의 손을 빌리지 않고도 팀원들에게 공유 가능한 프로토타입을 몇 분 만에 만들 수 있습니다.

둘째는 정적 웹사이트 제작입니다. 랜딩 페이지나 개인 포트폴리오 사이트를 기존 도구 대비 5배 빠르게 생성하고, 자체 도메인으로 즉시 배포할 수 있어 Wix나 Squarespace 같은 서비스의 대안으로 제시되었습니다.

클릭 한 번으로 풀스택 앱으로 전환

이 기능의 핵심은 시각적 결과물에서 실제 구동 가능한 백엔드 애플리케이션으로 이어지는 연결 고리입니다.

Design Mode에서 로그인 화면이나 결제창, 폼 양식을 요구하면 초기에는 실제 로직이 없는 형태의 시각적 컴포넌트로만 구현됩니다.

디자인 검토가 끝난 뒤 Convert to App 버튼을 누르면 작업 영역을 벗어나지 않고도 즉시 풀스택 환경으로 전환됩니다. 여기서 개발자는 데이터베이스를 붙이고 백엔드 비즈니스 로직을 연결해 진짜 서비스로 발전시킬 수 있습니다.

프로젝트를 이끈 Vaibhav Kumar와 프론트엔드를 담당한 Stanley Huang 등 개발진은 에이전트의 초기 빌드 아키텍처와 사용자 데이터를 AI 서버로 넘기는 파이프라인을 전면 수정해 이 도구를 완성했다고 밝혔습니다.

왜 중요한가

우리는 Replit의 이번 행보가 디자인과 실제 개발 사이의 경계를 매우 영리하게 허물었다고 평가합니다.

초기 창업자나 1인 기획자 관점에서는 디자이너를 고용하거나 복잡한 프론트엔드 프레임워크를 다루지 않고도, 회의 시간 동안 클릭 가능한 프로토타입을 곧바로 배포해 테스트할 수 있다는 실질적인 이점이 있습니다.

업계 측면에서는 Claude Artifacts나 v0 같은 화면 생성 도구뿐 아니라 Wix 같은 노코드 웹 빌더 시장까지 한꺼번에 흔들 수 있는 구조입니다. 단순히 예쁜 화면을 보여주는 데서 끝나지 않고, 클릭 한 번으로 자사의 강력한 호스팅 및 백엔드 개발 환경으로 사용자를 끌어들이기 때문입니다.

다만 화면 모드에서 실제 앱으로 전환했을 때 생성되는 코드의 품질과 유지보수성은 지켜볼 필요가 있습니다. 생성된 코드가 지나치게 복잡하거나 구조화되어 있지 않다면 전문 개발자가 결국 밑바닥부터 다시 짜야 하는 한계에 부딪힐 수 있습니다.