AI 입문 · 바이브코딩 · Lovable (스웨덴)

Lovable

“쉬운 바이브 코딩 도우미” — 말을 화면으로 바꾸는 디자이너

📂 바이브코딩🆓 무료 있음🇰🇷 한국어 보통📊 입문

Lovable 바로가기 ↗프롬프트 바로 보기 ↓

WHAT

Lovable란?

Lovable은 만들고 싶은 화면을 문장으로 설명하면 그대로 웹앱을 만들어 주는 도구로, 코딩 용어를 한 번도 배운 적 없는 직장인이 사내 도구나 소개 페이지를 직접 만들어 볼 때 문턱이 가장 낮습니다.

1문장 한 줄이면 첫 화면이 눈앞에 나온다
2보기 좋은 화면이 기본으로 나와 손댈 곳이 적다
3무료로 하루 몇 번, 본격적으로는 월 25달러부터

직접 만든 앱 화면을 보며 기뻐하는 비개발자 창업가 캐릭터 — 말로 앱을 완성한 비개발자 창업가 — Lovable의 성격을 그린 나눔경영컨설팅의 캐릭터입니다.

WHY

무엇이 다른가

교육장에서 같은 자료를 여러 도구에 돌려 보며 확인한 차이입니다.

⚡

첫 화면까지가 가장 빠르다

만들고 싶은 것을 한 문단으로 적으면 곧바로 화면이 나옵니다. 설치도, 설정도, 빈 화면 앞에서 막막해지는 시간도 없습니다. '무엇을 만들까'만 정해 오면 되는 구조라 교육장에서 60명이 동시에 시작해도 진도가 갈라지지 않습니다.

🎨

기본으로 나오는 화면이 볼 만하다

직접 만든 화면은 대개 글자 크기와 여백에서 티가 납니다. 여기서는 처음부터 정돈된 디자인으로 나와 손볼 곳이 적습니다. 사내에 보여 줄 시제품이라면 색과 문구만 바꿔도 그대로 쓸 만합니다.

🔍

스스로 확인하고 다시 고친다

공식 문서에 따르면 기본 모드인 Build 모드는 기능 구현·버그 수정에 더해 로그와 네트워크 기록을 들여다보며 문제가 풀릴 때까지 스스로 반복해 고칩니다. "안 되는데요"라고만 말해도 원인을 찾아 들어갑니다.

⚖️ 약점도 분명합니다

앱이 커지면 한계가 옵니다. 화면 몇 개짜리는 잘 만들지만 규칙이 얽힌 업무 시스템으로 키우려 하면 같은 곳을 맴돌기 쉽고, 그때마다 크레딧이 줄어듭니다. 무료 요금제는 하루 다섯 번이라 사실상 맛보기이고, 화면과 안내는 영어입니다.

💡 쉽게 말하면
말로 설명하면 그 자리에서 스케치를 그려 주는 디자이너 같습니다. 초안을 보고 고치는 대화가 작업의 대부분입니다.

🏢 조직에서 왜 중요한가

AI 교육의 첫 관문은 '나도 만들 수 있다'는 경험입니다. 코딩을 배우지 않은 직원이 한 시간 만에 자기 업무 도구를 화면으로 보는 경험은, 어떤 강의보다 조직의 태도를 빨리 바꿉니다.

SCENE

같은 일, 다른 방식

교육 수요조사를 또 구글폼으로 돌리려던 참입니다

예전 방식

예전 폼을 복사해 문항을 손본다
응답 시트를 내려받아 부서별로 나눈다
집계 표를 만들어 메일로 돌린다
다음 달에 같은 일을 처음부터 반복한다

Lovable와 함께

"부서별 교육 수요를 받고 집계까지 보여 주는 화면"이라고 적는다
나온 화면을 보며 문항과 색을 말로 고친다
주소를 공지에 붙이고 응답이 쌓이는 것을 본다
다음 달에는 같은 화면을 그대로 다시 연다

USE

이런 업무에 씁니다

업무 아이디어 시제품

'이런 도구가 있으면 좋겠다'는 말을 회의에서 그 자리에 화면으로 만들어 보여 줍니다. 되는지 안 되는지를 말이 아니라 눈으로 판단하게 됩니다.

행사·과정 소개 페이지

교육 과정이나 사내 행사 안내 페이지를 만들고 신청 폼을 답니다. 이미지와 문구만 바꿔 여러 건에 돌려 쓸 수 있습니다.

간단한 사내 조사 도구

설문, 만족도 조사, 자가진단처럼 문항과 결과 규칙이 분명한 도구를 만듭니다. 결과 화면의 계산 규칙은 반드시 직접 검산하십시오.

FIT

이런 분께 맞습니다

잘 맞는 분

✓코딩을 한 번도 배운 적 없는데 도구를 만들어 보고 싶은 분
✓디자인까지 손볼 시간이 없는 기획·교육 담당자
✓회의에서 말 대신 화면으로 설득해야 하는 분

다른 도구가 나은 분

–규칙이 복잡한 사내 업무 시스템을 만들려는 분
–이미 있는 회사 코드를 이어서 고쳐야 하는 분
–한국어 화면과 한국어 지원이 꼭 필요한 분

SECURITY

회사에서 써도 되나

도입 담당자·보안팀이 가장 먼저 묻는 것들입니다.

입력한 내용이 학습에 쓰이나브라우저에서 돌아가는 서비스라 입력한 설명과 만들어진 코드가 모두 Lovable 쪽에 저장됩니다. 사내 문서를 통째로 붙여넣는 방식은 피하고, 만들려는 화면의 조건만 적으십시오.

기업·팀 플랜Business 요금제에 SSO, 보안 센터, 역할별 접근 권한, 내부 공개 기능이 포함되고, Enterprise 요금제에는 감사 로그·SCIM·정기 보안 점검이 포함된다고 공식 플랜 문서에 표기되어 있습니다.

어떤 경우에도만든 앱을 공개하기 전에 그 화면이 개인정보를 받는지부터 확인하십시오. 이름·연락처를 받는 폼이라면 누가 그 자료를 보는지, 얼마나 보관하는지 정한 뒤에 주소를 배포해야 합니다.

확인 안내: 입력 내용과 생성된 코드의 보관 기간·학습 활용 범위는 공식 약관과 보안 안내 원문으로 재확인이 필요합니다.

START

10분 시작 가이드

1
lovable.dev에 가입합니다. 설치할 프로그램은 없습니다.
2
"부서별 교육 수요조사 폼과 집계 화면을 만들어줘"처럼 한 문단으로 적습니다.
3
나온 화면을 보며 "글자를 키워줘", "항목을 하나 더해줘"처럼 말로 고칩니다.
4
공개하기 전에 개인정보를 받는 칸이 있는지 확인하고, 있으면 담당자와 먼저 상의합니다.

PROMPT

그대로 붙여 쓰는 프롬프트

[대괄호] 부분만 바꿔서 붙여넣으십시오.

첫 화면 만들기

[사내 교육 수요조사] 웹앱을 만들어줘. 첫 화면은 이름·부서·희망 과정·희망 시기를 받는 폼이고, 제출하면 고맙다는 안내가 뜨게 해줘. 두 번째 화면은 부서별로 몇 명이 어떤 과정을 원했는지 표와 막대그래프로 보여줘. 모든 문구는 한국어로 해줘.

계획 먼저 보기

만들기 전에 계획만 먼저 보여줘. [만들려는 것]을 화면 단위로 나누고, 각 화면에 들어갈 항목과 저장할 데이터를 목록으로 적어줘. 내가 확인한 다음에 만들어줘.

화면 손보기

지금 화면에서 ① 제목이 너무 작고 ② 버튼 색이 배경과 비슷해 잘 안 보이고 ③ 휴대폰에서 표가 옆으로 잘린다. 이 세 가지만 고쳐줘. 다른 부분은 건드리지 말아줘.

결과 계산 규칙 넣기

설문 결과 화면에 점수 계산을 넣어줘. 규칙은 이렇다: [문항별 배점을 한 줄씩 적기]. 동점이면 단정하지 말고 '두 유형이 비슷합니다'라고 표시해줘. 계산 과정도 화면에 함께 보여줘.

안 될 때 되묻기

[어떤 동작]을 하면 [무슨 일]이 생긴다. 무엇이 원인인지 먼저 찾아서 설명해줘. 여러 곳을 한꺼번에 고치지 말고, 가장 가능성이 높은 것 하나만 고쳐서 확인해 보자.

RECIPE

다른 도구와 묶어 쓰기

도구 하나보다 둘셋을 잇는 순간 업무가 달라집니다.

아이디어 → 시제품 (한 시간)

1Claude로 만들 도구의 화면과 규칙을 한 문단으로 정리한다

2그 문단을 Lovable에 붙여넣어 첫 화면을 받는다

3말로 고쳐 가며 다듬고 주소를 만들어 팀에 보여 준다

소개 페이지 → 홍보 (반나절)

1미리캔버스나 Canva로 대표 이미지와 배너를 만든다

2Lovable로 소개 페이지와 신청 폼을 만들어 이미지를 얹는다

3Stibee로 신청자에게 안내 메일을 보내는 흐름을 잇는다

CAUTION

쓰기 전에 알아 둘 것

회사 코드·API 키·고객 명단을 붙여넣지 마십시오. 만들 화면의 조건만 적으면 충분합니다.
공개한 앱은 주소를 아는 사람이 열 수 있습니다. 개인정보를 받는 화면이라면 공개 범위와 보관 기간을 먼저 정하십시오.
같은 요청을 반복할수록 크레딧만 줄어듭니다. 세 번 시도해 안 되면 요구를 더 작게 쪼개십시오.
계산·집계 결과는 반드시 직접 검산하십시오. 화면이 그럴듯해 보인다고 숫자가 맞는 것은 아닙니다.

PRICE

요금 — 개인으로 쓸 때, 회사에서 쓸 때

개인이 결제해 쓰는 요금제와 조직이 구성원 단위로 계약하는 요금제는 다릅니다.

개인으로 쓸 때

Free

하루 5개 빌드 크레딧(월 최대 30개), 월 20개 클라우드 크레딧, 작업공간 인원 제한 없음

Pro먼저 볼 요금제

월 $25부터연간 결제 시 연 $250(월 $21)

월 100 크레딧부터 최대 10,000 크레딧까지 11단계(최상위 월 $2,250). 코드 직접 수정, 맞춤 도메인

회사에서 쓸 때

Business

월 $50부터연간 결제 시 연 $500(월 $42)

Pro 기능 + 내부 공개, SSO, 보안 센터, 역할별 접근 권한, 우선 지원. 최상위 단계는 월 $4,300

Enterprise

영업팀 문의

감사 로그, SCIM, 정기 보안 점검, 전담 지원과 도입 지원

확인일 2026-09-21 · 공식 요금 페이지와 공식 요금제 문서에 표시된 금액(미국 달러)입니다. Pro·Business 는 크레딧 양에 따라 11단계로 나뉘며 아래는 가장 낮은 단계 기준입니다. 요금은 예고 없이 바뀝니다 — 결제 전에는 공식 페이지를 확인하십시오. Lovable 공식 요금 ↗ · Lovable 요금제 공식 문서 ↗

AGENT

에이전트 AI — 직접 일하는 버전

Lovable 의 대화창은 질문에 답하는 곳이 아니라 일을 시키는 곳입니다. 기본 모드부터 이미 에이전트가 돌고 있습니다.

Build 모드 (이전 이름 Agent 모드)

공식 문서 표현으로 '프로젝트에 변경을 직접 적용하는 자율 실행 모드'입니다. 기능 구현, 버그 수정, 여러 파일에 걸친 정리, 확인까지 맡고, **로그와 실행 결과, 네트워크 기록을 들여다보며 문제가 해결될 때까지 스스로 반복**합니다.

쓰는 조건

공식 문서에 'Plan 모드로 바꾸지 않는 한 Build 모드가 켜져 있다'고 적혀 있습니다. 무료 요금제에도 하루 5개 빌드 크레딧이 주어지므로 돈을 내지 않고도 써 볼 수 있고, 쓰는 만큼 크레딧이 차감됩니다.

무엇을 설치하나

설치 없음 — lovable.dev 에 로그인해 브라우저 대화창에서 바로 씁니다.
먼저 계획만 받고 싶으면 — 대화창에서 Plan 모드로 바꿉니다.

필요 사양

최신 브라우저와 인터넷 연결이면 충분합니다.

윈도우 · Git

윈도우에서도 설치할 것이 없고 Git 도 필요 없습니다. 브라우저만 있으면 되므로, 회사 노트북에 프로그램을 깔 수 없는 분도 그대로 쓸 수 있습니다.

참고

확인 안내: 요금제별 크레딧 한도와 모드별 제공 범위는 공식 요금 페이지에서 다시 확인하십시오.

설치 방법과 조건은 공식 문서 기준입니다. Lovable Build 모드 공식 문서 ↗ · Lovable 요금제 공식 문서 ↗

HONEST

Lovable의 아쉬운 점

좋은 점만 적지 않습니다. 써 보니 아쉬웠던 것들입니다.

요금 단계가 너무 잘게 나뉩니다
Pro와 Business가 크레딧 양에 따라 여러 단계로 갈라져 있어, 우리 팀에 맞는 단계를 고르려면 한 달치 사용량을 먼저 겪어 봐야 합니다. 예산을 미리 잡기가 어렵습니다.
만들어 주는 화면이 서로 닮습니다
요청을 달리해도 버튼 모양과 여백의 인상이 비슷하게 나오는 편이라, 회사 색과 글꼴을 입히는 손질은 결국 따로 해야 합니다. 첫인상만큼 개성이 살지는 않습니다.
밖으로 옮기는 순간 어려워집니다
만든 결과를 회사 서버나 기존 시스템으로 옮겨 심으려는 순간부터는 개발 지식이 필요합니다. 화면을 만들어 주던 속도만큼 이관까지 쉽지는 않다는 점이 아쉽습니다.

COMPARE