반응형

 
 

AI 홈페이지 제작 도구 총정리

 

1. 전체 자동 제작형 (AI가 거의 다 만들어줌)

 
 

Durable

 

  • URL: https://durable.co
  • 특징: 30초 안에 AI가 전체 웹사이트 생성
  • 설명: 업종만 입력하면 텍스트, 이미지, 레이아웃 포함된 홈페이지 자동 생성
  • 추천 대상: 빠르게 간단한 비즈니스용 홈페이지 만들고 싶은 사람

 


 

10Web

 

  • URL: https://10web.io
  • 특징: WordPress 기반 AI 웹사이트 빌더
  • 설명: 챗봇 스타일로 대화하면 AI가 콘텐츠 구성 + 디자인 자동 생성
  • 추천 대상: 워드프레스를 기반으로 AI 기능을 활용하고 싶은 사용자

 


 

Bookmark (with AIDA)

 

  • URL: https://www.bookmark.com
  • 특징: AI 디자인 어시스턴트 ‘AIDA’
  • 설명: 사용자의 입력에 따라 자동으로 섹션 구성과 디자인 선택
  • 추천 대상: 웹 디자인 지식 없이 깔끔한 사이트 만들고 싶은 사람

 


 

2. 반자동 제작형 (템플릿 + AI 보조)

 

Wix with Wix ADI

 

  • URL: https://www.wix.com
  • 특징: Wix ADI가 자동 제작 / 세부 디자인은 수동 조정 가능
  • 설명: 업종, 목적, 색상 등을 입력하면 초기 레이아웃 생성 → 이후 세부 조정
  • 추천 대상: 디테일 커스터마이징도 하면서 빠르게 시작하고 싶은 사람

 


 

Zyro (by Hostinger)

 

  • URL: https://zyro.com
  • 특징: AI 텍스트 생성기 + AI 이미지 도구 내장
  • 설명: 템플릿 기반으로 시작하고, 내부 콘텐츠는 AI가 제안
  • 추천 대상: 브랜드 소개용 홈페이지, 랜딩 페이지 제작

 


 

Framer AI

 

  • URL: https://www.framer.com
  • 특징: 텍스트로 명령하면 UI 전체 구성
  • 설명: GPT 기반 텍스트 명령 → 실시간 웹사이트 디자인 생성 + 배포까지
  • 추천 대상: 디자이너, 프로토타이핑, 포트폴리오 제작

 


 

3. 마케팅 & 랜딩 페이지 특화

 
 

Unbounce Smart Builder

 

  • URL: https://unbounce.com
  • 특징: AI로 랜딩 페이지 생성 + A/B 테스트
  • 설명: 마케팅용 랜딩 페이지 자동 생성, 고객 유입 최적화에 특화
  • 추천 대상: 스타트업, 광고 마케터, 퍼포먼스 마케팅 팀

 


 

Copy.ai – Website Generator

 

  • URL: https://www.copy.ai/tools/website-copy-generator
  • 특징: 웹사이트 카피라이팅에 특화된 AI
  • 설명: 회사 소개, 제품 설명 등 홈페이지용 문구 자동 작성
  • 추천 대상: 콘텐츠 텍스트가 고민인 마케터, 창업가

 
 

v0.dev (by Vercel)

 

  • URL: https://v0.dev
  • 특징 / 목적: AI 기반 프론트엔드 UI 코드 생성기
  • 설명:사용자는 “블로그용 카드형 UI”, “로그인 화면”, “상품 목록 그리드 UI”와 같은 자연어를 입력하면,Vercel과 연동되어 있어, 작성한 UI를 실제 프로젝트에 빠르게 적용할 수 있으며,
  • 개발자에게는 디자인 시스템과 코딩 사이의 간극을 줄여주는 매우 강력한 도구입니다.
  • 그에 맞는 실제 코드 형태의 React 컴포넌트가 생성되며, 바로 수정하거나 복사하여 사용 가능합니다.
  • v0는 OpenAI의 GPT 모델을 활용해 텍스트로 React + Tailwind 기반 UI 컴포넌트를 자동 생성하는 도구입니다.
  • 추천 대상:
    • 디자이너 → 코드 없이 UI 설계 결과 확인
    • 프론트엔드 개발자 → 반복적인 UI 코드 작성 시간 단축
    • 스타트업 → MVP/랜딩페이지 빠르게 구성
    • 기획자 → 시각적 프로토타입 생성

 
 

비교 항목v0.devDurable / Wix / Framer 등
생성물 형태코드 (React + Tailwind)시각적 웹사이트
사용 방식프롬프트 → 코드 자동 생성프롬프트 → 레이아웃/디자인 생성
개발자 친화도매우 높음일반 사용자 중심
결과물 활용직접 개발 환경에 통합호스팅 또는 템플릿 기반 배포

 

+ Recent posts