AI로 홈페이지 만들기: 도구별로 되는 것과 안 되는 것

AI로 홈페이지를 만드는 도구는 크게 웹빌더에 들어 있는 AI, 대화로 코드를 만드는 AI 코딩 도구, 화면 시안을 만드는 AI 디자인 도구 세 종류로 나뉩니다. 이 가이드는 회사 홈페이지를 AI로 만들어 볼지 고민하는 담당자를 위해, 2026년 10월 공식 문서로 확인한 범위에서 도구별로 되는 것과 한계를 정리하고 어디부터 사람이 맡아야 하는지 짚습니다.

AI 홈페이지 제작 도구는 3종류입니다

AI 홈페이지 제작 도구는 결과물에 따라 세 종류로 나뉩니다. 웹빌더 내장 AI는 그 웹빌더에 바로 게시할 수 있는 사이트를, AI 코딩 도구는 코드로 된 웹 앱을, AI 디자인 도구는 사이트맵·와이어프레임·화면 시안을 만듭니다. 이름은 비슷해도 만든 뒤에 할 일이 전혀 다르기 때문에, 어떤 결과물이 필요한지부터 정해야 합니다.

Figma Make(figma.site)와 Relume(relume.live)처럼 디자인 도구도 웹 게시 기능을 붙이고 있어 경계는 흐려지는 중입니다.

웹빌더 내장 AI: 사이트 초안을 가장 빨리 만든다

웹빌더 내장 AI는 업종과 원하는 분위기를 입력하면 페이지 구성·임시 문구·이미지를 채운 사이트 초안을 만들어 주고, 그다음부터는 일반 편집기에서 계속 고치는 방식입니다. 도메인 연결과 게시까지 한 플랫폼 안에서 끝난다는 점이 가장 큰 장점입니다.

• 아임웹: 만들고 싶은 사이트의 컨셉을 입력하면 AI가 사이트를 만듭니다. AI 생성은 하루 1회이고, 생성된 사이트는 1시간 동안만 임시 저장됩니다. 게시하면 14일 무료 체험이 시작되고 그 뒤에는 요금제 결제가 필요합니다.
• Wix: 사업 목표, 원하는 스타일, 필요한 기능을 입력하면 업종에 맞춘 구성·문구·이미지로 사이트 전체를 만듭니다.
• Framer: Framer Agents에 원하는 사이트를 평범한 문장으로 설명하면 일반 Framer 페이지로 만들어지고, 만든 결과는 모두 편집할 수 있습니다.
• Webflow: 프롬프트 하나로 사이트와 기초 디자인 시스템(색·글꼴·간격 규칙)을 함께 만듭니다.

잘 되는 것은 업종에 맞는 페이지 순서, 섹션 배치, 임시 문구와 이미지를 몇 분 만에 채우는 일입니다.

안 되는 것은 회사의 실제 사실을 아는 일입니다. AI가 채운 연혁·수치·고객 후기는 그럴듯한 예시일 뿐이므로 전부 실제 자료로 바꿔야 합니다. 플랫폼 밖으로 옮기기도 어렵습니다. Wix는 외부 호스팅을 지원하지 않는다고 밝히고 있고, Framer는 공식 도움말 문서끼리 내보내기 설명이 엇갈려 이전이 중요하다면 계약 전에 직접 문의하는 것이 안전합니다(도구별 정리는 아래 도메인 항목의 표 참고).

AI 코딩 도구: 원하는 기능을 코드로 만든다

AI 코딩 도구는 원하는 화면과 기능을 대화로 설명하면 실제 코드를 작성하고, 바로 열어 볼 수 있는 주소에 배포까지 해 주는 도구입니다. 템플릿에 없는 기능도 만들 수 있다는 점이 웹빌더 내장 AI와 다릅니다.

• Lovable: 웹 애플리케이션을 만들고 고치고 배포하는 풀스택 AI 개발 플랫폼입니다. 데이터베이스·로그인·파일 저장을 제공하는 Lovable Cloud(Supabase 기반)를 붙일 수 있고, GitHub와 코드를 양방향으로 동기화할 수 있습니다.
• v0: Vercel이 만든 도구로 Next.js, React, TypeScript, Tailwind CSS 기반 코드를 만들고, Vercel에 클릭 한 번으로 배포합니다.
• Bolt: 프롬프트를 동작하는 웹·모바일 앱으로 바꿔 주고, 무료 bolt.host 주소에 자동으로 게시합니다. 백엔드는 자바스크립트 계열만 지원해 PHP나 파이썬으로는 만들 수 없다고 공식 문서에 적혀 있습니다.

잘 되는 것은 템플릿으로는 안 되는 화면입니다. 견적 계산기, 조건별로 걸러지는 제품 목록, 데이터베이스에 저장되는 신청 폼처럼 기능이 있는 페이지를 개발자 없이 시제품 수준까지 만들 수 있습니다.

안 되는 것은 보이지 않는 부분의 판단입니다. 데이터베이스 접근 규칙, 키 관리, 입력값 검증처럼 화면만 봐서는 맞는지 알 수 없는 설정은 코드를 읽을 수 있는 사람이 확인해야 합니다. 결과물의 품질은 요청 문장의 정확도에 좌우되고, 관리자 화면도 요청하지 않으면 생기지 않습니다.

AI 디자인 도구: 사이트맵과 시안까지

AI 디자인 도구는 사이트맵·와이어프레임·화면 시안을 만들어 기획과 디자인 방향을 빠르게 잡는 데 쓰입니다. 무엇을 만들지 합의하는 단계를 줄여 주는 도구에 가깝습니다.

• Relume: 브리프, 사이트맵, 와이어프레임, 디자인, 스타일 가이드를 만들고 결과를 Figma, Webflow, React로 내보낼 수 있습니다.
• Google Stitch: 구글 랩스의 도구로, 화면 디자인과 편집 가능한 Figma 파일, 프론트엔드 코드(HTML/CSS)를 만듭니다. 2026년 5월 업데이트로 Netlify를 통한 웹 게시도 추가되었습니다.
• Figma Make: 프롬프트나 기존 Figma 디자인을 동작하는 앱으로 바꾸는 도구입니다.

잘 되는 것은 메뉴 구조 초안과 섹션 배치를 여러 안으로 빠르게 비교하는 일입니다.

안 되는 것은 회사 고유의 판단입니다. AI가 만든 사이트맵은 같은 업종의 일반적인 구성을 따르기 때문에 인증서 목록, 카탈로그, 납품 사례처럼 그 회사에만 있는 자산이 빠지기 쉽습니다. 시안은 운영 사이트가 아니므로 관리자, 검색 설정, 개인정보 처리는 별도로 준비해야 합니다.

기업 홈페이지라면 꼭 따져 볼 6가지

AI 도구 홍보 페이지는 「몇 분 만에 완성」을 강조하지만 회사 홈페이지는 만든 뒤 몇 년을 운영해야 합니다. 도구를 고르기 전에 아래 6가지를 확인하세요.

1. 도메인: 회사 주소를 연결할 수 있는가

회사 도메인을 연결하는 기능은 대부분 유료 요금제에 들어 있습니다. 2026년 10월 18일 각 도구의 공식 문서로 확인한 결과는 아래와 같습니다. 조건은 자주 바뀌니 결제 전에 다시 확인하세요.

도메인 자체는 도구와 별개로 회사 명의로 등록해 두세요. 그래야 도구를 바꿔도 주소를 그대로 씁니다. 등록 절차는 도메인 등록 방법 초보 가이드를 참고하세요.

2. 검색 노출: 검색로봇이 내용을 읽을 수 있는가

구글은 AI로 만들었다는 이유만으로 콘텐츠를 문제 삼지 않습니다. 구글 검색 센터 문서는 AI나 자동화를 적절히 쓰는 것은 지침 위반이 아니며, 사용자에게 가치를 더하지 않는 페이지를 대량으로 만드는 것이 스팸 정책(대규모 콘텐츠 악용) 위반이 될 수 있다고 설명합니다. 또 AI가 만든 내용은 게시 전에 사람이 사실을 확인해야 하고, 이 검토는 제목(title)·메타 설명·구조화 데이터·이미지 대체 텍스트에도 적용된다고 적고 있습니다.

더 자주 생기는 문제는 기술적인 부분입니다. 자바스크립트를 실행해야 내용이 그려지는 페이지는 검색로봇이 본문을 늦게 읽거나 못 읽을 수 있습니다.

• 네이버: 서치어드바이저 자바스크립트 가이드는 SPA(싱글 페이지 애플리케이션) 사이트의 수집도 지원하지만, 주요 영역은 서버에서 렌더링하라고 권장합니다. 자바스크립트를 아직 수집하지 못했으면 정적인 HTML 내용을 먼저 색인하고, 주소의 # 뒷부분은 지우고 수집합니다.
• 구글: 자바스크립트를 렌더링하지만, 모든 봇이 자바스크립트를 실행하지는 못하므로 서버 렌더링이나 사전 렌더링을 권합니다.
• AI 검색 크롤러: Vercel이 2024년 12월 공개한 분석에서는 OpenAI, Anthropic, Perplexity 등의 주요 AI 크롤러가 자바스크립트를 실행하지 않았습니다(구글 Gemini와 AppleBot은 예외).

도구마다 사정은 다릅니다. Lovable은 2026년 5월 13일부터 새 프로젝트를 서버에서 완성된 HTML로 만드는 방식을 기본으로 바꿨지만, 그 전에 만든 React·Vite 앱은 인증된 크롤러에게만 미리 렌더링한 HTML을 주고 그 밖의 봇에는 일반 SPA를 보여 준다고 안내합니다. 가장 쉬운 확인법은 브라우저 주소창에 view-source:를 붙여 페이지 소스를 열고, 화면의 본문 문장이 소스에도 있는지 찾아보는 것입니다. AI 답변에 인용되기 위한 조건은 구글 AI 모드·AI 개요에 홈페이지가 인용되려면?에서 다뤘습니다.

3. 관리자: 담당자가 직접 고칠 수 있는가

웹빌더 내장 AI로 만든 사이트는 그 웹빌더의 편집기와 게시판이 곧 관리자입니다. AI가 만든 초안을 담당자가 같은 편집기에서 계속 고치면 되므로 이 부분은 걱정이 적습니다.

AI 코딩 도구는 다릅니다. 요청하지 않으면 관리자 화면은 만들어지지 않고, 공지사항 한 줄을 바꾸려 해도 AI에게 다시 요청해 코드를 고치고 배포하는 흐름이 됩니다. 담당자가 직접 글을 올리고 문의 내역을 확인해야 한다면 관리자 화면을 처음부터 요구사항에 넣거나, 콘텐츠 관리 시스템(CMS)을 붙이는 설계가 필요합니다. 관리자 형태별 차이는 CMS란? 뜻과 종류, 홈페이지 관리자 페이지 고르는 기준에서 정리했습니다.

4. 유지보수: 고장 나면 누가 고치는가

AI가 만든 코드도 결국 누군가 관리해야 하는 코드입니다. 화면이 깨지거나 폼이 동작하지 않을 때 AI에게 다시 고쳐 달라고 할 수 있지만, 한 곳을 고치면서 다른 곳이 망가지는 일도 생깁니다. 사용한 라이브러리의 보안 업데이트도 계속 따라가야 합니다.

사용량 과금도 따져 봐야 합니다. 2026년 10월 기준 Lovable 무료 요금제는 하루 5크레딧(월 30크레딧), Bolt 무료 요금제는 하루 30만 토큰(월 100만 토큰)이 한도이고, 요청할 때마다 이 사용량이 줄어듭니다.

그래서 시작 전에 아래 세 가지를 정해 두세요.

• 코드를 GitHub 같은 저장소로 내보내 회사 계정에 보관할 수 있는가
• 코드를 읽고 고칠 수 있는 사람이 사내나 협력사에 있는가
• 배포(호스팅)와 데이터베이스 계정이 회사 명의인가

5. 저작권: AI가 만든 문구와 이미지는 누구 것인가

한국저작권위원회의 「생성형 인공지능 활용 저작물의 저작권 등록 안내서」(2025년 6월)는 사람의 창작적 기여가 없는 AI 산출물은 저작물이 아니어서 저작권 등록이 불가능하다고 설명합니다. 반대로 사람이 AI 결과물을 수정하거나 추가 작업한 부분, 여러 결과물을 선택·배열한 방식에 창작성이 있으면 등록할 수 있고, 프롬프트를 입력한 것만으로는 창작적 기여로 인정될 가능성이 낮다고 봅니다.

홈페이지에 적용하면, AI가 만든 메인 이미지나 문구를 손대지 않고 쓴 경우 비슷한 결과물이 다른 곳에 쓰여도 보호받기 어렵다는 뜻입니다. 로고처럼 회사의 얼굴이 되는 요소는 사람이 다듬어 완성하고, 도구 이용약관의 결과물 사용 조건도 확인하세요. 무료 이미지·폰트를 고르는 기준은 상업용 무료 이미지·폰트 사이트 모음에 정리했습니다.

6. 개인정보: 문의폼 데이터는 어디에 저장되는가

AI 코딩 도구로 문의폼을 만들면 입력값은 도구가 연결한 데이터베이스에 저장됩니다. Lovable Cloud처럼 도구가 제공하는 백엔드를 쓴다면 그 데이터가 어느 서비스에 보관되는지 확인하고, 개인정보처리방침의 위탁·국외 이전 항목을 실제와 맞춰야 합니다. 작성 방법은 홈페이지 개인정보처리방침 만들기를 참고하세요.

AI에 자료를 넣을 때도 주의가 필요합니다. 개인정보보호위원회의 「생성형 인공지능(AI) 개발·활용을 위한 개인정보 처리 안내서」(2025년 8월)는 서비스형 AI를 쓰는 사업자가 전송되는 데이터의 처리 목적·범위와 보관·파기 정책을 확인해야 한다고 안내합니다. 고객 명단 같은 자료를 그대로 붙여 넣지 말고, 입력 내용이 AI 학습에 쓰이는지와 거부 설정부터 확인하세요.

AI에 맡길 일과 사람이 맡을 일

AI는 「빈 화면을 채우는 일」에 강하고, 「무엇이 맞는지 결정하는 일」은 여전히 사람 몫입니다. 기업 홈페이지 제작 단계별로 나누면 아래와 같습니다.

오른쪽 칸은 모두 「틀리면 회사가 책임지는 일」입니다. AI가 쓴 연혁에 없는 수상 이력이 들어가도 방문자는 회사가 쓴 것으로 읽으니, AI를 많이 쓸수록 사람이 확인하는 단계를 일정에 따로 잡아 두세요.

상황별로 고르는 방법

회사의 대표 창구가 되는 홈페이지는 화면보다 구조가 먼저입니다. 메뉴별 정보와 문의로 넘어가는 동선을 화면 단위로 정리하는 단계는 와이어프레임이란? 뜻부터 홈페이지 기획 예시·툴까지 정리에서 다룹니다. AI로 빠르게 그려 볼 수는 있어도 확정은 회사 사정을 아는 사람이 해야 합니다.

자주 묻는 질문

AI로 만든 홈페이지도 구글·네이버 검색에 나오나요?

AI로 만들었다는 사실 자체는 문제가 되지 않습니다. 검색에 나오는지는 다른 사이트와 같은 기준, 즉 본문이 HTML로 읽히는지, 페이지마다 제목과 설명이 있는지, 사이트맵을 제출했는지로 갈립니다. 다만 사용자에게 가치 없는 페이지를 AI로 대량 생성하면 구글 스팸 정책에 걸릴 수 있습니다.

AI로 만든 사이트를 나중에 업체에 맡겨 옮길 수 있나요?

도구에 따라 다릅니다. 웹빌더 내장 AI로 만든 사이트는 그 플랫폼 안에서 계속 써야 하는 경우가 많고, Lovable·v0·Bolt처럼 코드를 내보낼 수 있는 도구라면 개발자가 이어서 작업할 수 있습니다. 넘겨받는 쪽은 코드 구조부터 검토하므로, 처음부터 회사 계정의 GitHub 저장소에 보관해 두세요.

AI로 만든 홈페이지에 「AI 생성」 표시를 해야 하나요?

2026년 1월 22일 시행된 AI 기본법은 생성형 AI 결과물 표시 의무를 정하고 있지만, 과학기술정보통신부는 이 의무가 AI 제품·서비스를 이용자에게 직접 제공하는 인공지능사업자에게 있고 AI를 업무 도구로 쓰는 이용자는 대상이 아니라고 설명합니다. 문구를 AI로 썼다는 이유만으로 표시 의무가 생기지는 않지만, 홈페이지에 생성형 AI 상담 기능을 직접 붙인다면 따로 검토하세요.

웹닷도 기획과 개발에 AI 도구를 쓰지만, 사이트맵 확정·사실 확인·서버 렌더링 구조·구조화 데이터·맞춤 관리자는 사람이 설계하고 검수해 빌드 단계에서 함께 처리합니다.

정리

AI 홈페이지 제작 도구는 웹빌더 내장 AI, AI 코딩 도구, AI 디자인 도구 세 종류이고, 결과물과 만든 뒤의 관리 방식이 각각 다릅니다. 초안은 AI가 빠르게 만들지만, 사실 확인과 구조 결정, 운영 책임은 여전히 사람 몫입니다. 도구를 고르기 전에 도메인·검색 노출·관리자·유지보수·저작권·개인정보 6가지를 먼저 확인하세요.