전체 글
가이드·6분 분량

좋은 앱을 만드는 프롬프트 쓰는 법

평범한 초안과 잘 디자인된 앱의 차이는 대개 프롬프트에서 나와요. 언제 써도 잘 통하는 간단한 구조를 소개할게요.

77
builder77 팀
builder77.com

builder77은 문장 하나로도 작동하는 앱을 만들 수 있어요. 하지만 문장 하나만 주면 많은 결정을 AI에게 맡기게 돼요. 누구를 위한 앱인지, 어떤 화면이 중요한지, 어떤 데이터를 저장하는지, 어떤 느낌이어야 하는지 같은 것들이요. 이런 결정을 미리 많이 내려 둘수록 첫 버전이 머릿속 그림에 가까워지고, 고치는 데 드는 크레딧도 줄어요.

이 글에서는 저희가 직접 쓰는 프롬프트 구조를 하나씩 살펴봐요. 특별한 비법은 아니에요. 중요한 내용을 빠뜨리지 않게 해 주는 체크리스트예요.

1. 누구를 위한 앱이고 무슨 일을 하는지부터 쓰기

“예약 앱”은 백 가지로 해석될 수 있어요. “고객이 서비스, 디자이너, 시간대를 고르는 2인 미용실용 예약 앱”이라면 해석의 여지가 몇 가지밖에 남지 않아요. 사용자와 하는 일을 한두 문장으로 맨 앞에 적으세요.

작은 미용실을 위한 예약 웹 앱을 만들어 줘. 고객은 서비스, 디자이너, 예약 가능한 시간을 고른 다음 이름과 전화번호를 남겨.

2. 화면이나 섹션 나열하기

화면 이름을 적어 주면 AI가 채워 넣을 뼈대가 생겨요. 웹사이트라면 섹션을 순서대로 적고, 앱이라면 주요 화면과 화면 사이를 오가는 방법을 적으세요.

  • 웹사이트: 히어로, 가격이 표시된 서비스, 팀 소개, 후기 섹션(나중에 채울 예정), 영업시간, 예약 양식, 지도 링크가 있는 푸터.
  • 웹 앱: 대시보드, 필터가 있는 목록 화면, 상세 페이지, 만들기/수정 모달, 설정.
  • 모바일 앱: 오늘, 계획, 진행 상황, 프로필 하단 탭과 항목 추가용 하단 시트.

3. 데이터 설명하기

모든 builder77 앱에는 데이터베이스가 기본으로 들어 있어서 AI는 데이터를 컬렉션에 저장해요. 어떤 컬렉션이 있고 어떤 필드가 중요한지 알려 주면 앱이 더 깔끔해져요. 기술 용어는 필요 없어요. 평범한 명사로 충분해요.

예약(서비스, 디자이너, 날짜, 시간, 고객 이름, 전화번호, 상태)과 서비스(이름, 소요 시간, 가격)를 저장해 줘. 예시 서비스도 몇 개 넣어 줘.

사용자마다 자기 기록만 봐야 한다면(일기, 습관 기록, 개인 가계부) “사용자가 가입하고 자기 항목만 본다”라고 분명히 적으세요. builder77이 로그인을 추가하고 현재 사용자의 레코드만 조회하도록 만들어요.

4. 디자인 방향 정하기

막연한 프롬프트가 가장 평범한 결과를 내는 부분이 스타일이에요. 형용사를 길게 늘어놓기보다 구체적인 단어 몇 개가 나아요. 분위기와 색상, 그리고 참고할 만한 것이 있다면 함께 적으세요.

  • “따뜻하고 미니멀하게, 크림색 배경, 테라코타 포인트, 세리프 제목.”
  • “어두운 대시보드, 높은 대비, 형광 초록 강조, Linear처럼 촘촘한 표.”
  • “귀엽고 둥글게, 파스텔 색상, 아이들을 위한 크고 친근한 버튼.”

참고용 스크린샷을 첨부해도 돼요. AI가 이미지에서 레이아웃과 색감을 읽어 내기 때문에, 원하는 모습이 분명할 때 쓰기 좋은 지름길이에요.

5. 막힐 때는 프롬프트 다듬기 쓰기

대략적인 아이디어만 있다면 그대로 입력하고 프롬프트 다듬기를 누르세요. builder77이 사용자, 화면, 데이터, 스타일을 담은 자세한 프롬프트로 다시 써 줘요. 보내기 전에 읽어 보고 맞지 않는 부분은 고치세요. “피트니스 앱”에서 정말 원하는 기획서까지 빠르게 갈 수 있어요.

6. 작고 구체적인 단계로 반복하기

첫 버전이 나왔다면 수정 사항 열두 개를 한꺼번에 보내지 마세요. 작은 요청이 더 확실하고 되돌리기도 쉬워요. 메시지 하나에 기능 하나나 디자인 변경 하나가 좋은 리듬이에요.

  • 선택으로 미리보기의 요소를 클릭하고 무엇을 바꿀지 정확히 말하세요. 텍스트, 색상, 링크, 사진을 직접 바꾸고 싶다면 편집을 눌러 미리보기에서 바로 고치세요. 무료이고 새 버전으로 저장돼요.
  • 큰 기능은 만들기 전에 상담 모드에서 AI와 함께 계획하세요.
  • 문제가 생기면 AI로 수정을 누르세요. 잡힌 오류를 AI에게 보내서 고치게 해요.
  • 수정할 때마다 버전이 남아요. 결과가 마음에 들지 않으면 이전 버전으로 되돌리고 다르게 요청해 보세요.

완성된 예시

text
Build a mobile habit tracker called Streaky for people building small daily habits.

Screens: Today (list of habits with a big check button and current streak),
Habits (add/edit habits with name, emoji, color and target days per week),
Stats (weekly completion chart and best streak), Profile (sign out).

Data: users sign up; habits and check-ins are private to each user.

Style: calm and friendly, off-white background, soft green accent,
rounded cards, large touch targets, bottom tab bar.

80단어 정도인데, AI가 짐작해야 했을 질문에 모두 답하고 있어요. 다음 아이디어에 이 구조를 써 보고, 잘 통한 프롬프트는 손 닿는 곳에 모아 두세요. 생각보다 자주 다시 쓰게 될 거예요.

이제 만들어 볼까요?

아이디어를 설명하면 1분 정도면 작동하는 첫 버전이 나와요. 무료로 시작할 수 있고 신용카드는 필요 없어요.