🤖 AI로 만드는 사이트
코딩 없이, AI와 대화만으로 완성된 사이트를 5분 안에 만드세요
✅ 코딩 불필요
⚡ 5분 완성
🎨 3가지 예제 제공
📥 준비 파일 다운로드
AI에게 전달할 파일 2개를 미리 다운로드하세요. 사이트정의서 1개 + 분위기에 맞는 예제 1개를 선택합니다.
🔄 전체 흐름
📎
STEP 1~2
AI에게 파일 전달 + 프롬프트 입력
→
⚙️
STEP 3
AI가 ZIP 파일 생성 (2~5분)
→
🌐
STEP 4
wiigle에서 빈 사이트 생성
→
✅
STEP 5~6
ZIP 가져오기 → 완성!
📖 단계별 안내
STEP 1 — Claude AI 접속
claude.ai에 접속해서 새 대화를 시작합니다. 파일 첨부 기능이 있는 플랜(무료/유료 모두 가능)을 사용하세요.
STEP 2 — 파일 첨부 + 프롬프트 입력
대화창에 사이트정의서.md와 예제사이트?.zip 2개를 첨부하고, 아래 기본 프롬프트를 입력합니다.
첨부한 사이트정의서.md와 예제사이트 ZIP 파일을 참고해서 내 사이트 ZIP 파일을 만들어줘.
- 사이트 제목: [예: 그린랩 도시농업센터]
- 한 줄 소개: [예: 도심 속 텃밭 체험과 친환경 농업 교육을 제공합니다]
- 색상 분위기: [예: 자연스러운 초록 계열]
슬라이드 3장, 위젯 7개, 버튼 4개, 배너 2개로 구성해줘.
STEP 3 — ZIP 파일 받기
AI가 ZIP 파일을 생성해서 첨부 파일로 제공합니다. 클릭해서 다운로드하세요.
💡 AI가 파일을 직접 주지 못하는 경우, 같은 대화에서 ZIP 파일을 직접 첨부해서 줄 수 있어? 라고 요청하세요.
STEP 4 — wiigle에서 빈 사이트 만들기
로그인 → 상단 메뉴 사이트빌드 → 사이트 목록 → 새 사이트 만들기. 영문 이름을 입력하고 저장하면 빈 사이트가 생성됩니다.
STEP 5 — ZIP 가져오기
생성한 사이트의 편집 버튼 클릭 → 우측 상단 가져오기 → ZIP 업로드 → 미리보기 확인 → 확인, 교체합니다 클릭.
⚠️ 가져오기 실행 시 기존 사이트 내용이 모두 삭제됩니다. 빈 사이트에서 시작하는 경우는 안전합니다.
STEP 6 — 내용 수정 (선택)
가져오기 후 사이트 편집 화면에서 바로 수정할 수 있습니다.
기본정보 — 제목·로고
슬라이드 — 이미지·링크
위젯 — 카드 내용
배너 — 이미지·링크
버튼 — 링크 수정
페이지 — HTML 편집
메뉴 — 순서·이름
게시판 — 추가·설정
💬 프롬프트 예시 모음
상황에 맞는 예시를 복사해서 그대로 사용하세요.
☕ 소규모 카페·음식점
첨부한 사이트정의서.md와 예제사이트1.zip을 참고해서 내 사이트 ZIP 파일을 만들어줘.
- 사이트 제목: 블로썸 카페
- 한 줄 소개: 제철 과일 디저트와 핸드드립 커피를 즐기는 아늑한 공간
- 색상 분위기: 부드러운 핑크·크림 톤
슬라이드 3장, 위젯 7개, 버튼 4개, 배너 2개로 구성해줘.
메뉴는 카페소개, 시그니처 메뉴, 브런치, 예약·오시는길, 커뮤니티로 구성해줘.
💻 스타트업·IT 기업
첨부한 사이트정의서.md와 예제사이트2.zip을 참고해서 내 사이트 ZIP 파일을 만들어줘.
- 사이트 제목: 넥서스랩
- 한 줄 소개: AI 기반 데이터 분석 솔루션으로 비즈니스 혁신을 이끕니다
- 색상 분위기: 모던한 다크 네이비·사이언 블루
슬라이드 3장, 위젯 7개, 버튼 4개, 배너 2개로 구성해줘.
메뉴는 회사소개, 서비스, 포트폴리오, 채용, 커뮤니티로 구성해줘.
⛪ 교회·단체·비영리
첨부한 사이트정의서.md와 예제사이트3.zip을 참고해서 내 사이트 ZIP 파일을 만들어줘.
- 사이트 제목: 소망교회
- 한 줄 소개: 말씀과 기도로 세상을 변화시키는 공동체
- 색상 분위기: 깊이 있는 파란·금색
슬라이드 3장, 위젯 7개, 버튼 4개, 배너 2개로 구성해줘.
메뉴는 교회소개, 예배안내, 교육·훈련, 선교·봉사, 커뮤니티로 구성해줘.
🎓 학교·교육기관
첨부한 사이트정의서.md와 예제사이트2.zip을 참고해서 내 사이트 ZIP 파일을 만들어줘.
- 사이트 제목: 해바라기 영어학원
- 한 줄 소개: 재미있는 영어, 자신감 있는 아이로 키우는 학원
- 색상 분위기: 밝고 활기찬 노랑·주황 계열
슬라이드 3장, 위젯 7개, 버튼 4개, 배너 2개로 구성해줘.
🎨 개인 포트폴리오·프리랜서
첨부한 사이트정의서.md와 예제사이트2.zip을 참고해서 내 사이트 ZIP 파일을 만들어줘.
- 사이트 제목: KIM DESIGN STUDIO
- 한 줄 소개: 브랜드 아이덴티티와 UX 디자인을 전문으로 합니다
- 색상 분위기: 미니멀한 흑백·포인트 레드
슬라이드 3장, 위젯 7개, 버튼 4개, 배너 2개로 구성해줘.
메뉴는 소개, 포트폴리오, 서비스·요금, 작업의뢰, 커뮤니티로 구성해줘.
❓ 자주 묻는 질문
💡 실전 팁
🚀
처음엔 최소한의 정보로 시작하고, AI 결과를 보면서 피드백으로 다듬어가는 게 효율적입니다.
🎨
색상 분위기는 구체적일수록 결과가 좋습니다. "파란색"보다 "차분한 네이비와 밝은 스카이블루 조합"이 낫습니다.
📁
예제 파일은 정답이 아닌 참고용입니다. AI가 참고만 할 뿐 그대로 복사하지 않습니다.
🔍
ZIP을 받으면 가져오기 전에 파일 내용을 한 번 확인하면 오류를 미리 발견할 수 있습니다.
🔄
결과가 마음에 들지 않으면 같은 대화에서 수정 요청하거나, 새 대화에서 다시 시도하세요.