바이브 코딩 · 그리기로 시작

코드는 몰라도 됩니다.
블록을 쌓듯 그리면, AI가 만듭니다.

어릴 때 블록을 하나씩 이어 붙여 게임을 만들던 것, 기억나시나요.
딱 그렇게 하면 됩니다. 화면은 네모로, 이동은 화살표로. 그게 곧 설명입니다.

오늘 첫 그림 그리기 → 어떻게 되는지 먼저 보기

카드 없이 시작 · 혼자 쓰는 동안은 계속 무료

내가 그린 것그림 = 설명
화면화면화면 상품 목록장바구니주문 완료 AI에게 — '이대로 만들어 줘' 길게 쓸 필요가 없습니다
이런 순간, 있지 않았나요

만들고 싶은 건 다 있는데,
첫 문장에서 멈춥니다

머릿속엔 그림이 있습니다. 화면이 몇 개고, 어디서 어디로 넘어가는지도요. 그런데 그걸 글로 옮기려니 어디부터 어디까지 써야 할지 모르겠습니다.

머릿속 · 그리고 빈 입력창
머릿속엔 다 있는데 ? 입력창 만들고 싶은 건 이런 앱인데 여기서 30분째
어디부터 쓰지

화면 이야기부터? 버튼 이야기부터? 첫 줄에서 한참을 고민합니다.

길게 썼는데 딴 게 나온다

고쳐 달라는 말이 점점 길어지고, 결과는 점점 멀어집니다.

새 대화를 열면 처음부터

어제 정한 것들이 사라져, 같은 설명을 또 합니다.

그래서, 반대로 합니다

설명하지 말고, 그리세요

네모 두 개와 화살표 하나. 그거면 시작입니다.
'여기서 저기로 넘어간다' — 이 한 줄이 문장 열 줄보다 정확합니다.

이만큼이면 시작2개 + 화살표 1개
화면 상품 목록 화면 장바구니 잘 그릴 필요 없습니다 · 반듯하지 않아도 됩니다
세 걸음이면 끝

그리면, 만들어집니다

가운데 한 걸음은 DroFi가 합니다. 여러분은 그리기와 '만들어 줘' 두 걸음만 하면 됩니다.

1 · 그린다
내 캔버스
화면 장바구니 그리는 중 결제 이름만 적으면 됩니다

화면은 네모, 이동은 화살표

만들고 싶은 화면을 네모로 놓고, 넘어가는 곳끼리 화살표로 잇습니다. 이름만 적으면 돼요.

2 · DroFi가 정리한다
앱 설계도
앱 설계도 상품 목록장바구니결제 지켜야 할 것 · 환불은 7일 이내 순서대로

그린 그림이 앱 설계도가 된다

무엇이 있고 어디로 가는지, 지켜야 할 것은 무엇인지 — 순서대로 정리됩니다. 따로 문서를 쓸 일은 없어요.

3 · AI가 만든다
내가 쓰는 AI
내 그림 장바구니 앱 만들어 줘 Claude ChatGPT Cursor 어떤 AI를 쓰든 같은 그림

'만들어 줘' 한마디면 된다

그림이 곧 설명이라, 길게 쓸 필요가 없습니다. 쓰던 AI가 무엇이든 같은 그림을 보고 시작합니다.

예시 · 장바구니 앱

그림은 이렇게 자랍니다

처음부터 완성할 필요가 없습니다. 네모 두 개로 시작해서, 생각나는 대로 옆에 붙이면 됩니다.

1컷 · 시작30초
화면 상품 목록 화면 장바구니 아래는 아직 빈칸 — 나중에 채우면 됩니다

네모 두 개면 시작

'상품을 보고 → 담는다'. 여기까지 30초면 충분합니다.

2컷 · 이어 붙이기생각나는 대로
화면 상품 목록 화면 장바구니 기능 결제 화면 주문 완료 순서는 화살표가 말해 줍니다

떠오르는 대로 붙인다

'결제하고 → 끝'. 순서가 헷갈려도 괜찮아요. 화살표만 옮기면 됩니다.

3컷 · 빠진 곳 채우기DroFi가 물어봄
화면 상품 목록 화면 장바구니 기능 결제 화면 주문 완료 DroFi가 물어본 것 결제 실패 → 다시 시도 지켜야 할 것 환불은 7일 이내

물어봐 주는 것에 답만 하면

'결제가 안 되면 어디로 가나요?' 답하면 그 자리에 네모가 생깁니다.

여기까지가 전부입니다. 이 그림 그대로 '만들어 줘'라고 하면 됩니다.

막막해도 괜찮아요

빈 화면 앞에서
멈추지 않게

뭘 그릴지 모르겠으면, 물어봐 줍니다

빠진 곳은 DroFi가 먼저 묻습니다. '결제가 안 되면 어디로 가나요?'처럼요. 답하면 그 자리에 네모가 생깁니다.

그리다 만 것도 됩니다

끝까지 채우지 않아도 돼요. 네모 두 개만 있어도 시작할 수 있고, 나머지는 하다가 채우면 됩니다.

고치면, AI도 같이 압니다

그림을 바꾸면 바뀐 내용이 내가 쓰는 AI 전부에 자동으로 반영됩니다. 새 대화를 열어도 다시 설명할 일이 없어요.

요금

무료로 시작하세요

카드 없이 시작합니다. 혼자 만드는 동안은 계속 무료예요.

시작 Free

혼자 시작 · 맛보기
₩0 / 편집자 2명까지
  • 그리는 캔버스 · 프로젝트 2개
  • 쓰던 AI에 맞춤 맥락 자동 전달
  • 관련 변경만 콕 집는 알림
  • AI 사용량 개인당 월 10만 토큰(가입 후 2주간은 20만) · 소진 후엔 내 AI 연결로 무료
  • 이메일 · Google · 카카오 로그인
무료로 시작하기

Pro

같이 만드는 사람이 생기면
₩9,900 / 편집자 · 월
  • 편집 인원 10명까지 · 뷰어 무료
  • 프로젝트 5개 · GitHub 코드 들여오기
  • 충돌을 막는 공유 정의 · 권한 관리
  • 안전한 공유 링크 · 활동 기록
  • AI 사용량 개인당 월 100만 토큰 · 소진 후엔 내 AI 연결로 무료
팀으로 시작하기

더 큰 팀을 위한 플랜도 있습니다 — 비즈니스 ₩16,900 · 맥스 ₩24,900 (편집자 · 월) · 조직 맞춤 견적.
전체 플랜 보기

시작하기

오늘, 첫 그림을 그려 보세요

네모 하나면 시작입니다. 나머지는 하면서 채우면 돼요.

오늘 첫 그림 그리기 → 3단계 다시 보기