- AI 홈페이지 제작 툴란?
- AI 홈페이지 제작 툴이란 자연어 지시(프롬프트)로부터 웹사이트나 웹 앱의 디자인·코드·백엔드를 AI가 생성하는 툴의 총칭입니다. Claude Code 같은 대화형 코딩 AI부터 Figma Make·Webflow AI·v0 같은 노코드에 가까운 서비스까지 폭이 있습니다.
안녕하세요. Webflow 전문가 마사토입니다.
AI로 홈페이지를 만들 수 있는 툴이 너무 늘어나서 “결국 어느 것을 쓰면 되는가”라는 상담을 자주 받습니다. 저는 자사 사이트를 AI로 전면 리뉴얼한 사람이므로, 실제로 사용한 툴에 대한 솔직한 이야기만 적겠습니다.
✓ 이 글의 내용
- Claude Code / Figma Make / Webflow AI(App Gen)를 실제로 써 본 솔직한 이야기
- v0·Bolt·Lovable의 위치(조사 기반)
- 용도별 “어느 것을 골라야 하는가”의 결론
먼저 결론 | AI 홈페이지 제작 툴의 용도별 구분
먼저 결론부터 적겠습니다.
- 회사의 메인 사이트를 제대로 만든다 → Claude Code(AI 바이브 코딩). 자유도와 품질이 차원이 다릅니다. 다만 사람의 판단력이 필수입니다.
- 작은 앱이나 시제품을 빠르게 만든다 → Figma Make. 설정이 필요 없고 채팅만 하면 됩니다.
- 기존 Webflow 사이트에 기능을 더한다 → Webflow AI(App Gen). 디자인은 Webflow 품질 그대로, 뒷단만 AI에게 맡길 수 있습니다.
- 우선 무료로 감을 잡고 싶다 → v0·Bolt·Lovable(저는 실제 프로젝트에서 미사용이므로 조사 기반).
| 툴 | 실사용/조사 | 맞는 용도 | 비용 메모 |
|---|---|---|---|
| Claude Code | 실사용 | 회사의 메인 사이트 | 자사 사이트의 운영비는 도메인 비용인 연 1,500엔으로 |
| Figma Make | 실사용 | 작은 앱·시제품 | 설정 불필요·채팅만 |
| Webflow AI(App Gen) | 실사용 | 기존 Webflow 사이트에 기능 추가 | 디자인은 Webflow 품질 그대로 |
| v0(Vercel) | 조사 | React의 UI 생성 | 무료 플랜 있음·유료 월 $20부터 |
| Bolt.new | 조사 | 풀스택 시제품 | 무료 플랜 있음·Pro 월 $20 |
| Lovable | 조사 | DB·인증 포함 앱 | 무료 플랜 있음·Pro 월 $25 |
각각에 대해 경험 기반으로 이유를 설명하겠습니다.
Claude Code | 자사 사이트를 7일 만에 전면 리뉴얼했다
저는 이 Webharu 사이트 자체를 2026년 7월에 Claude Code로 전면 리뉴얼했습니다. 26페이지의 구축, 글 62개의 이전, 폼 4종의 연결, GA4·구조화 데이터·llms.txt의 정비까지. 구축만 따지면 3일, 기획을 포함해 7일입니다. 사람은 저 혼자입니다.
가장 큰 장점은 자유도입니다. 툴의 제약이라는 것이 사실상 없어서, SEO도 AI 최적화도 원하는 만큼 파고들 수 있습니다. 운영비도 크게 달라졌습니다. Webflow 구독(로컬라이제이션 포함)으로 연 10만 엔 가까이 들던 것이, 전환 후에는 도메인 비용만인 연 1,500엔입니다.
다만 솔직하게 적자면, 여기에 이르기까지 약 1개월간 쓰레기를 대량으로 만들었습니다. 디자인은 50패턴 정도 만들었고, “섹션 사이를 조금 넓히고 싶다” 같은 세밀한 미세 조정은 노코드로 힘으로 밀어붙이던 시절보다 느립니다. 그리고 AI에게 100% 맡겨 공개하면 어느 사이트나 같은 얼굴이 되어 브랜드 가치를 떨어뜨립니다. 기획·심미적 판단·사실 확인은 사람의 일입니다. 이 분담을 포기하면 실패합니다. 자세한 공정은 전 공정을 공개한 글에 적었습니다.
Figma Make | 채팅만으로 근태 관리 앱이 만들어졌다
Figma Make는 Figma에 사이트 공개 기능과 AI 바이브 코딩이 붙은 것입니다. 저는 음식점 경영자에게서 “근태 관리 앱을 만들고 싶다”는 말을 듣고 실제로 Figma Make로 만들었습니다.
할 일은 “근태 관리 앱을 만들어”라고 채팅에 말을 거는 것뿐입니다. Claude Code 계열과 달리 설정이 일절 필요 없다는 점이 최대의 강점입니다. 데이터를 남기려면 백엔드가 필요하지만, 이것도 Supabase가 Figma 쪽에서 제안되므로 얌전히 따르면 됩니다.
솔직히 말하면 끈기가 필요합니다. 에러는 계속 나오고, 그때마다 “에러가 났다. 수정해”라고 채팅으로 던지며 진행하는 느낌입니다. 그리고 저는 과거 버전으로 돌아갈 수 없게 되어 크게 당한 적이 있으므로, 괜찮은 지점까지 만들었으면 파일째로 복사해 저장하는 것이 필수입니다. 작은 사이트나 개인 가게에서 쓸 수준의 앱이라면 충분히 만족스러운 것을 만들 수 있습니다. 자세한 내용은 근태 관리 앱을 만든 글에서.
Webflow AI(App Gen) | 기존 사이트의 “뒷단”만 AI에게 맡긴다
Webflow에도 App Gen이라는 AI 기능이 등장했습니다. 실제로 시험해 보니 “문의 폼에서 전송되면 DB에 저장해 관리 화면에 목록으로 표시해”라는 프롬프트만으로 데이터 구조·처리 흐름·프런트의 연결까지 한 번에 생성되었습니다.
이것의 장점은 역할 분담입니다. 섬세한 UI나 클래스 설계는 사람이 Webflow에서 만들고, 번거로운 백엔드만 AI에게 맡깁니다. 전부를 AI에게 통째로 맡기는 툴과 달리, 디자인 품질을 떨어뜨리지 않고 “아름답고 동작하는 앱”이 됩니다. 운영 중인 Webflow 사이트에 회원 기능이나 대시보드를 나중에 붙일 수 있다는 점도 강력합니다. 시험한 기록은 App Gen 글에 있습니다.
참고로 Claude Code와 Webflow의 조합(커스텀 코드나 Webflow 탈피 이전)에 대해서는 AI 바이브 코딩 글에서 별도로 정리했습니다. 클라이언트 프로젝트에서는 Webflow로 만든 도장 회사 사이트를 이 방법으로 AI 관리 시스템으로 이전해, 월 비용을 크게 낮추면서 고객 관리까지 구현한 경험도 있습니다.
v0·Bolt·Lovable | 여기부터는 조사 기반으로 간결하게
여기부터의 세 가지는 제 실제 프로젝트에서는 쓰지 않았으므로, 조사 기반이라고 명시하고 적겠습니다(2026년 7월 시점의 공개 정보 기준).
- v0(Vercel): React 컴포넌트의 UI 생성에 특화. 무료 플랜 있음, 유료는 월 $20부터. UI의 외관 품질을 중시하는 사람에게 맞는다고 평가됩니다.
- Bolt.new: 브라우저 안에서 풀스택 시제품을 빠르게 생성. 무료 플랜 있음, Pro는 월 $20.
- Lovable: DB·인증을 포함한 앱을 프롬프트에서 생성. 무료 플랜 있음, Pro는 월 $25. 비엔지니어용으로 소개되는 경우가 많습니다.
위치로는 Figma Make의 경쟁입니다. 무료 플랜으로 감을 잡는 것은 괜찮다고 생각합니다. 다만 제 경험에서 말할 수 있는 것은, 이런 종류의 툴은 모두 “마지막 20%”＝실데이터 연동·에러 제거·운용 부분에서 끈기가 필요하다는 점이 공통이라는 것입니다.
AI 홈페이지 제작 툴의 실패하지 않는 선택법
“만들 수 있는가”가 아니라 “운용할 수 있는가”로 고른다
어느 툴이나 “만드는” 부분까지는 솔직히 대단합니다. 차이가 나는 것은 공개 후입니다. 갱신은 누가 하는가, 에러가 나면 누가 고치는가, 월 얼마를 계속 지불하는가. 여기까지 포함해 고르지 않으면 예쁜 장식품이 만들어지고 끝납니다.
순서로는 이렇게 진행하기를 추천
- 우선 무료 플랜이 있는 툴(Figma Make나 v0 등)로 AI에게 지시를 내리는 감각을 잡는다
- 메인 사이트를 만들기로 정했다면 기획과 타깃 정리에 시간을 쓴다(저는 7일 중 기획에 4일을 썼습니다)
- 공개 전에 모든 페이지를 자기 눈으로 확인한다. AI는 태연하게 사실과 다른 문구를 넣습니다
정리 | 도구는 갖춰졌다. 차이가 나는 것은 판단
손을 움직이는 것은 AI, 판단하는 것은 사람. 어느 툴을 골라도 이 구도는 달라지지 않았습니다. 반대로 말하면, 기획과 심미적 판단만 쥐고 있다면 툴은 이미 “어느 것이든 만들 수 있는” 수준에 와 있습니다.
“직접 하기는 힘들 것 같지만 AI로 사이트는 만들고 싶다”는 분을 위해, Webharu에서는 제가 판단 쪽을 담당하는 AI 웹사이트 제작(¥1,000,000부터)을 하고 있습니다. 자사 사이트와 같은 진행 방식입니다.
자주 묻는 질문
AI 홈페이지 제작 툴은 무료로 쓸 수 있습니까?
조사 기반이라는 전제로, v0·Bolt.new·Lovable에는 무료 플랜이 있습니다(2026년 7월 시점). 우선 무료 플랜으로 AI에게 지시를 내리는 감각을 잡는 것을 추천합니다.
프로그래밍 지식이 전혀 없어도 만들 수 있습니까?
만들 수 있습니다. Figma Make도 Webflow App Gen도 일본어 채팅 지시만으로 동작했습니다(자연어 지시이므로 한국어에서도 같은 방식으로 쓸 수 있습니다). 다만 에러는 반드시 나오므로, 그때마다 AI에게 수정을 의뢰하는 끈기는 필요합니다.
AI로 홈페이지를 만드는 데 어느 정도의 기간이 걸립니까?
필자의 자사 사이트(26페이지·글 62개 이전)는 구축 3일＋기획 4일로 총 7일이었습니다. 다만 잘 생성할 수 있게 되기까지는 약 1개월의 시행착오가 있었습니다.
결국 어느 툴이 가장 추천됩니까?
용도에 따라 다릅니다. 회사의 메인 사이트라면 Claude Code, 소규모 앱의 시제품이라면 Figma Make, 기존 Webflow 사이트에 기능을 추가한다면 Webflow AI(App Gen)가 필자의 결론입니다.
