코딩 없이 웹사이트 만들기 – Dora.run 사용법과 기능 정리

코딩 없이 웹사이트 만들기 – Dora.run 사용법과 기능 정리

Dora.run이란?

Dora.run의 핵심 기능

기능설명
🧠 AI Layout Generator원하는 스타일을 입력하면 자동으로 섹션을 구성해줌
🎨 Figma 스타일 에디터마우스로 바로 디자인 편집 가능 (진짜 디자인 툴 느낌)
🧩 반응형 자동 설정모바일/태블릿 자동 대응
🔁 애니메이션스크롤 효과, 인터랙션 효과도 드래그만으로 가능
💻 코드 변환퍼블리셔 없이 바로 HTML/CSS 코드 내보내기 가능

Dora.run 사용 방법 (Step-by-Step)

  1. 사이트 접속 → 회원가입
  2. New Project → AI 섹션 생성
    • 키워드 기반으로 섹션(About, Hero, FAQ 등) 자동 생성
    • 원하는 컴포넌트 조합 가능
  3. 디자인 편집
    • 색상, 폰트, 간격 조정 등 마우스로 바로 가능
    • 스크롤 애니메이션, 이미지 효과까지 쉽게 적용
  4. 퍼블리싱 or 내보내기
    • 무료 계정도 기본 HTML 코드 다운로드 가능
    • 유료 계정은 호스팅 + 도메인 연결 지원
코딩없이 사이트 제작

Dora.run 요금제 (2025년 기준)

요금제가격주요 기능
Free$0기본 디자인 + 제한된 프로젝트
Basic$14/월AI 무제한 편집, 도라배너 제거
Pro$25/월무제한 3D 모델
도라 이용 금액

Dora.run을 추천하는 대상

Dora.run vs 다른 AI 빌더

비교 항목Dora.runRelumeFramer
시각 편집✅ (Figma 느낌 강함)
AI 섹션 생성
HTML 코드 추출Pro 이상
애니메이션✅ 고급 가능✅ 간단한 수준

👉 [관련콘텐츠] > 코딩 없이 AI로 홈페이지 만드는 법 – Relume 사용법과 가격 정리
👉 [관련 콘텐츠] Relume vs Dora, 어떤 AI 웹사이트 빌더가 더 좋을까?
👉 [추천] 무료로 써볼 수 있는 AI 홈페이지 도구 TOP 5