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

만들고 싶은 것부터 이야기하세요.
설계와 AI 작업을 한곳에서 이어가세요.

아이디어를 설명하거나 만들던 프로젝트를 가져오세요.
흐름을 구체화하고, 필요한 AI와 작업하세요. 제출된 결과와 다음 변경을 같은 프로젝트에서 확인합니다.

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

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

내가 그린 것그림 = 설명
화면화면화면 상품 목록장바구니주문 완료 AI에게 — 할 일 한 줄 + 필요한 맥락 길게 쓸 필요가 없습니다
이런 순간, 있지 않았나요

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

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

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

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

길게 썼는데 딴 게 나온다

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

새 대화를 열면 처음부터

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

그래서, 반대로 합니다

설명하거나 그리거나, 편한 곳에서 시작하세요

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

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

설계는 작업의 시작이자, 다음 변경의 기준입니다

만들고 싶은 부분을 고르면 관련 배경과 지침을 작업 요청에 담습니다. 실제 제작은 연결한 AI 도구에서 진행하고, 제출된 결과는 프로젝트에서 비교합니다.

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

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

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

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

전체 흐름을 보며 필요한 부분을 구체화

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

→
3 · 맥락과 함께 보낸다
내가 쓰는 AI
내 그림 장바구니 앱 할 일 + 맥락 Claude ChatGPT Cursor 어떤 AI를 쓰든 같은 그림

할 일을 한 줄로, 맥락과 함께

DroFi가 관련 블록과 지침을 골라 실행 프롬프트로 보냅니다. Claude·Cursor 같은 연결한 AI가 그 맥락에서 실제 작업을 합니다.

예시 · 장바구니 앱

설계는 처음부터 다 정하지 않아도 됩니다

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

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

네모 두 개면 시작

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

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

떠오르는 대로 붙인다

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

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

물어봐 주는 것에 답만 하면

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

여기까지가 전부입니다. 이 그림에서 할 일을 한 줄로 적으면, DroFi가 필요한 맥락과 함께 연결한 AI로 보냅니다.

막막해도 괜찮아요

빈 화면 앞에서
멈추지 않게

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

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

그리다 만 것도 됩니다

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

고치면, 다음 요청에 반영됩니다

MCP로 연결한 AI는 다음 작업을 시작할 때 DroFi에 다시 요청해 그 시점의 최신 정본을 받습니다. 복사한 내용과 내려받은 파일은 만든 시점의 스냅샷입니다.

요금

무료로 시작하세요

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

시작 Free

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

팀 Pro

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

무료 · 팀 · 조직 파일럿으로 구분합니다. 현재 베타에는 결제가 없으며, 조직 도입은 문의로 시작합니다.
전체 플랜 보기 →

시작하기

만들고 싶은 프로젝트를, 여기서 이어가세요

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

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