Mini
아이디어 정리와 가벼운 수정
라이브나우 · AI 홈페이지 제작
당신의 생각을,AI 홈페이지로.
아이디어를 설명하면 AI가 홈페이지와 웹앱을 만듭니다. 디자인을 직접 다듬고, 나만의 도메인으로 공개하세요.
다양한 AI 모델과 함께하는 웹사이트 제작
- OpenAI
- Claude
- DeepSeek
- Grok
- Gemini
다양한 AI, 하나의 제작 공간
작업에 맞는 모델을 선택하세요
OpenAI·Claude·DeepSeek·Grok·Gemini를 활용하고, 작업의 규모에 맞춰 모델을 선택하세요. 제공 모델은 서비스 설정과 요금제에 따라 달라집니다.
Pro
페이지 제작과 여러 파일의 작업
Max
복잡한 구성과 깊이 있는 작업
AI 홈페이지 제작에 맞춰 Mini·Pro·Max 모델을 선택하고 필요한 외부 서비스를 연결하세요.
사이트 제작 예시
당신의 일에 맞는 AI 홈페이지 제작
회사 소개부터 데이터를 사용하는 서비스까지. 업종과 목적을 설명하고 나만의 화면으로 다듬으세요.
회사·브랜드
회사 소개, 서비스와 문의 흐름
식당·카페
메뉴, 공간 소개와 방문 안내
포트폴리오
작업과 이야기를 담는 개인 사이트
SaaS·웹앱
대시보드와 데이터 기반 서비스 화면
이커머스
상품 소개와 쇼핑 화면 구성
숙박·공간
객실과 공간, 이용 정보 소개
홈페이지 디자인을 직접 구성해 촬영한 제작 화면 예시입니다. 실제 고객 사례가 아니며 결제·예약은 별도 연동이 필요합니다.
POWERFUL FEATURES
아이디어를 완성하는 강력한 기능
단순한 화면 생성에서 끝나지 않습니다. 조사하고, 수정하고, 실행하며 프로젝트를 완성해 나갑니다.
아이디어가 화면이 되는 과정
말로 만들고, 화면에서 다듬으세요
AI 대화, 프로젝트 파일과 미리보기를 같은 제작 공간에서 연결합니다. 생성한 코드를 확인하고 작은 수정은 직접 처리하세요.
1분 설명으로 제작 되는 나만의 홈페이지
01 · 원하는 사이트 설명
자연어와 이미지·PDF·ZIP 자료로 방향을 전달합니다.
02 · 실제 파일 생성
AI 에이전트가 파일을 작성·수정하고 진행 내용을 스트리밍합니다.
03 · 확인하며 직접 편집
PC·태블릿·모바일 미리보기에서 화면을 확인하고 디자인을 다듬습니다.
원하는 분위기와 필요한 페이지를 대화로 전달하세요.
생성된 화면을 PC·태블릿·모바일 크기로 확인하세요.
선택한 요소의 디자인을 직접 조정하고, 큰 변경은 AI에 요청하세요.
전체 기능
하나의 플랫폼에 담긴 제작 기능
필요한 기능을 분류별로 확인하세요. 외부 연동은 계정 연결과 API 설정이 필요하며 제공 범위는 요금제에 따라 달라집니다.
01 / 08
AI 맞춤 생성
자연어로 설명하고 실제 파일로 만드세요.
- 자연어 프롬프트
- AI 에이전트
- 파일 생성·수정
- 스트리밍 응답
비주얼 편집
선택한 요소를 화면에서 바로 다듬으세요.
- 폰트·색상·배경
- 레이아웃·여백
- 테두리·그림자
- 투명도 조정
AI 디자인 수정
요소와 스크린샷을 전달해 디자인 변경을 요청하세요.
- 요소 선택
- 스크린샷 전달
- 변경 방향 설명
- AI 코드 수정
웹 리서치
필요한 자료를 검색하고 제작에 활용하세요.
- DuckDuckGo·Brave
- 웹페이지 텍스트
- 이미지 URL 수집
- 자료 첨부
코드·터미널
파일을 수정하고 직접 실행·빌드하세요.
- CodeMirror 편집
- 파일 검색·다중 탭
- npm 실행·로그
- 빌드·오류 확인
데이터 연결
Supabase와 연결된 웹앱을 구성하세요.
- Supabase OAuth
- 테이블·스키마
- SQL 편집
- 마이그레이션
GitHub·프로젝트
코드를 연결하고 프로젝트를 관리하세요.
- 저장소 가져오기
- Push·동기화·PR
- 저장·즐겨찾기
- ZIP 가져오기·내보내기
도메인·게시
내 주소로 사이트를 공개하고 공유하세요.
- 서브도메인 게시
- 커스텀 도메인
- DNS 검증
- 공유·공개 미리보기
AI 생성·리서치
요구사항과 자료를 실제 프로젝트로
AI 생성·리서치
요구사항과 자료를 실제 프로젝트로
AI 생성
자연어 프롬프트, AI 에이전트, 파일 생성·수정, 스트리밍 응답
AI 모델
작업에 맞는 Mini·Pro·Max 등급과 다양한 AI 모델 선택
멀티모달
이미지 첨부, PDF 분석, 프로젝트 ZIP 업로드
AI 리서치
DuckDuckGo·Brave 웹 검색, 웹페이지 텍스트·이미지 URL 수집
이미지 자료
Unsplash·Pixabay 이미지 검색
사이트 유형·제작 기반
React·Vite 기반으로 SaaS, 포트폴리오, 이커머스, 숙박업 등 다양한 화면 제작
미리보기·디자인
화면을 보면서 원하는 모습으로
미리보기·디자인
화면을 보면서 원하는 모습으로
실시간 미리보기
브라우저 WASM 실행, 서버 Vite 실행, 데스크톱·태블릿·모바일 뷰
비주얼 편집
요소 선택, 폰트·색상·배경·레이아웃·여백·테두리·그림자·투명도
AI 디자인 수정
선택 요소와 스크린샷을 AI에 전달해 디자인 변경
개발·데이터 연결
코드와 서비스를 연결하는 도구
개발·데이터 연결
코드와 서비스를 연결하는 도구
코드 편집
CodeMirror, 파일 트리, 검색, 다중 탭, 파일 저장
터미널
npm 명령 실행, 빌드, 로그, 다중 세션
자동 오류 수정
빌드 검증, AI 자동 수정 루프, 별도 Fix 크레딧
데이터베이스
Supabase OAuth, 테이블·스키마, SQL, 마이그레이션
GitHub
저장소 가져오기, 연결, Push, 동기화, Pull Request
프로젝트·공개
정리하고 공유하고 내 주소로 공개
프로젝트·공개
정리하고 공유하고 내 주소로 공개
프로젝트
생성, 저장, 즐겨찾기, 관리, ZIP 가져오기·내보내기
게시
서브도메인, 커스텀 도메인, DNS 검증, 공개 미리보기
공유·내보내기
공유 URL, SNS 공유, ZIP 다운로드, 썸네일
검색을 고려한 홈페이지 제작
구글·네이버 검색을 고려한 홈페이지 제작
AI 홈페이지 제작 후 검색엔진이 읽을 수 있는 본문과 페이지 구조, 메타 정보와 도메인을 점검하세요. SEO와 AI 검색 이해에 필요한 정보를 명확하게 정리합니다.
검색엔진이 이해하는 페이지 구조
H1–H4의 제목 계층과 실제 본문을 구성합니다. React 사이트는 발행 방식에 따라 본문 렌더링 검증이 필요합니다.
SEO 메타 정보와 대표 주소
페이지별 title·description·공유 이미지·canonical을 점검하고 중복 주소를 정리합니다.
발행과 도메인
도메인 연결과 DNS 검증 후 공개 주소·sitemap·robots·검색 접근 상태를 확인합니다.
GEO·AEO를 위한 명확한 서비스 정보
서비스 정의, 제공 기능과 사용 방법, 질문·답변을 명확한 본문으로 구성하세요. AI 검색의 이해를 돕는 GEO·AEO도 읽을 수 있는 유용한 정보에서 시작합니다.
검색 순위와 색인 여부는 검색엔진이 결정합니다. 생성만으로 모든 SEO 작업이 자동 완료되는 것은 아닙니다.
설명부터 공개까지
네 단계로 완성하는 나만의 사이트
아이디어를 전달하고, 확인하고, 다듬고, 준비되면 공개하세요.
- 01
설명
무엇을 만들고 싶은가요?
업종과 목적, 원하는 분위기와 필요한 기능을 알려주세요.
- 02
생성
AI가 실제 파일을 만듭니다
AI 에이전트가 파일을 생성·수정하고 진행 내용을 보여줍니다.
- 03
수정
미리보며 내 스타일로
작은 수정은 직접, 디자인과 기능 변경은 AI와 함께 진행하세요.
- 04
공개
내 주소로 세상에 공개
화면과 링크를 검증하고 도메인·검색 설정을 점검한 뒤 공개하세요.
요금제와 크레딧
필요한 만큼 선택하는 요금제
프로젝트 규모와 사용량에 맞춰 선택하세요. 아래 가격과 제공 기능은 현재 운영 설정을 기준으로 표시합니다.
Free
$0.00
3 프로젝트 · 100 제작 크레딧 / 월
무료로 시작하기- 3 프로젝트
- 100 제작 크레딧 / 월
- 50 수정 크레딧 / 월
Pro
추천 요금제
$29.00/월
25 프로젝트 · 2,500 제작 크레딧 / 월
Pro 선택하기- 25 프로젝트
- 2,500 제작 크레딧 / 월
- 500 수정 크레딧 / 월
- 사용자 서브도메인
- 사용자 도메인
- 고급 내보내기
- GitHub 가져오기
Agency
별도 문의
무제한 프로젝트 · 무제한 제작 크레딧 / 월
문의하기- 무제한 프로젝트
- 무제한 제작 크레딧 / 월
- 무제한 수정 크레딧 / 월
- 사용자 서브도메인
- 사용자 도메인
- 고급 내보내기
- GitHub 가져오기
AI 크레딧
생성·수정 요청의 AI 사용량을 관리합니다. 사용 모델과 작업에 따라 소모량이 달라집니다.
Fix 크레딧
오류 수정 작업에 사용하는 별도 크레딧입니다. 제공량과 이용 한도는 각 요금제에서 확인하세요.
제작 가이드와 SEO 콘텐츠
더 나은 홈페이지를 만드는 이야기
AI 홈페이지 만들기, 구글·네이버 SEO 최적화와 도메인 운영 방법은 블로그에서 이어집니다.
홈페이지 제작이 처음이라면
설명할 내용을 정리하고, 미리보기에서 구조와 링크를 확인하세요. 제작 가이드는 블로그에 발행되는 순서대로 이곳에 표시됩니다.
시작하기 전에
자주 묻는 질문
제작 방식과 편집, 크레딧과 공개에 대한 답을 확인하세요.
라이브나우는 정적 홈페이지 빌더인가요?
홈페이지뿐 아니라 실제 코드를 편집하고 실행·빌드하는 제작 환경을 제공합니다. Supabase와 GitHub 같은 외부 서비스를 연결해 데이터 기반 웹앱 작업도 진행할 수 있습니다.
코딩을 몰라도 시작할 수 있나요?
원하는 사이트를 설명하는 것부터 시작할 수 있습니다. AI가 만든 내용은 미리보기로 확인하세요. 복잡한 기능과 외부 연동은 추가 설정과 검증이 필요합니다.
어떤 AI 모델을 선택할 수 있나요?
OpenAI·Claude·DeepSeek·Grok·Gemini 등과 연결하고 Mini·Pro·Max 등급으로 작업에 맞는 모델을 선택할 수 있습니다. 실제 제공 모델과 API 연결은 운영 설정에 따라 달라집니다.
사진·문구·링크를 바꿀 때도 AI를 사용해야 하나요?
지원되는 직접 편집 기능으로 사진, alt, 문구와 링크를 수정할 수 있습니다. 일반적인 직접 수정에는 AI 호출이 필요하지 않습니다. 큰 디자인 변경은 선택 요소와 스크린샷을 AI에 전달해 요청할 수 있습니다.
자동 오류 수정은 어떻게 작동하나요?
빌드와 파일 검증에서 발견한 오류에 대해 제한된 수정 루프를 실행합니다. 오류 수정에는 별도 Fix 크레딧이 사용되며, 모든 오류가 자동으로 해결되는 것을 보장하지는 않습니다.
제작하면 SEO도 모두 자동으로 완료되나요?
페이지 구조와 본문, 메타 정보, 대표 주소와 검색 접근 상태를 점검해야 합니다. 발행 방식과 프로젝트 구현에 따라 추가 작업이 필요하며, 검색 순위와 색인 여부는 검색엔진이 결정합니다.
내 도메인을 연결하고 파일을 가져갈 수 있나요?
지원 요금제에서 도메인 연결과 DNS 검증을 진행할 수 있습니다. 프로젝트 ZIP 가져오기·내보내기와 공유 기능도 제공하며, 이용 범위는 요금제에서 확인하세요.