Dora AI: 한 번의 클릭으로 3D 애니메이션 웹 사이트를 빠르게 제작하고 AI 큐 워드를 사용하여 전문가 수준의 웹 디자인을 생성하세요!

최신 AI 리소스8 개월 전에 게시 됨 AI 공유 서클
15.6K 00

일반 소개

Dora.run은 디자이너, 프리랜서, 크리에이티브 전문가를 위한 혁신적인 AI 기반 웹사이트 제작 플랫폼입니다. 고급 AI 기술을 통해 사용자는 텍스트 입력만으로 전문가 수준의 3D 애니메이션 웹사이트를 생성할 수 있습니다. 이 플랫폼은 완전한 시각적 캔버스 편집 모드를 사용하여 코드를 작성하지 않고도 반응형 웹사이트를 만들 수 있으며, 80개 이상의 디자인 스타일을 지원하고 AI 카피라이팅 기능을 제공하며 사용자 지정 도메인 설정을 지원합니다. 이 플랫폼은 Figma에서 디자인 가져오기도 지원하여 디자이너의 워크플로우를 완벽하게 통합한다는 점도 언급할 가치가 있습니다. 이 플랫폼은 현재 알파 단계에 있으며 사용자가 모든 프리미엄 기능을 충분히 경험할 수 있도록 120개의 무료 크레딧을 제공합니다.

Dora AI:快速创建3D动画网站,使用AI提示词一键生成专业级网页设计

 

Dora AI:快速创建3D动画网站,使用AI提示词一键生成专业级网页设计

 

기능 목록

  • 큐 단어를 통해 클릭 한 번으로 전체 웹 페이지를 생성하는 AI 기반 텍스트-웹 사이트 기능
  • 80개 이상의 전문 디자인 스타일 템플릿이 내장되어 있습니다.
  • 3D 애니메이션 효과의 자동 생성 및 편집 지원
  • 완전히 시각적인 드래그 앤 드롭 페이지 편집기
  • AI 카피라이팅 생성 및 최적화 기능
  • 무료 dora.run 도메인 네임 서비스
  • Figma에서 디자인 파일을 원활하게 가져올 수 있도록 지원
  • 스마트 반응형 레이아웃 자동 적응
  • 무제한 프로젝트 생성 크레딧
  • 사용자 지정 도메인 바인딩 지원
  • 원클릭 웹사이트 게시 기능
  • 실시간 미리보기 및 편집 기능

 

도움말 사용

1. 빠른 시작

  1. dora.run/ai 웹사이트 방문
  2. 계정을 만들려면 '시작하기' 버튼을 클릭합니다.
  3. 신용카드 필요 없이 120포인트 무료 적립
  4. 로그인하여 첫 번째 프로젝트 생성을 시작하세요!

2. 웹사이트 제작 과정

2.1 AI를 사용하여 웹사이트 생성

  1. "새 프로젝트" 버튼을 클릭합니다.
  2. 프롬프트 단어 입력란에 원하는 사이트를 설명합니다.
    • 제안 사항에는 사이트의 목적, 스타일, 핵심 기능 등에 대한 정보가 포함됩니다.
    • 예를 들어, "제품 쇼케이스와 연락처 정보가 포함된 기술 회사를 위한 모던하고 미니멀한 랜딩 페이지 만들기"
  3. 마음에 드는 디자인 스타일 선택(80개 이상 사용 가능)
  4. AI가 초기 웹사이트 디자인을 생성할 때까지 기다리기

2.2 맞춤형 디자인

  1. 시각적 편집기를 사용하여 생성된 웹사이트 수정하기
    • 드래그 앤 드롭으로 요소 위치 변경
    • 텍스트 콘텐츠 및 스타일 수정
    • 사진 및 색상 변경
    • 3D 애니메이션 효과 조정하기
  2. 디자인 실시간 미리보기
  3. AI 카피라이팅 도우미로 웹사이트 카피 최적화하기

2.3 Figma에서 디자인 가져오기

  1. Figma에서 디자인 준비
  2. Dora 플랫폼에서 '피그마 가져오기' 버튼을 클릭합니다.
  3. 가져올 디자인 파일을 승인하고 선택합니다.
  4. 자동 변환이 완료될 때까지 기다리기

2.4 웹사이트 게시

  1. "게시" 버튼을 클릭합니다.
  2. 무료 dora.run 도메인 네임을 사용하거나 사용자 지정 도메인 네임을 설정하세요.
    • 무료 도메인 형식: yoursite.dora.run
    • 사용자 지정 도메인 이름은 도메인 이름 공급업체에서 DNS 확인을 설정해야 합니다.
  3. 릴리스 설정 확인
  4. 배포가 완료될 때까지 기다립니다(보통 몇 분 정도 소요).

3. 고급 기능 사용 팁

3.1 3D 애니메이션 효과

  • 편집기에서 요소 선택
  • 애니메이션 패널 열기
  • 사전 설정 애니메이션 효과 또는 사용자 지정 매개변수 선택
  • 트리거 조건 설정하기(스크롤, 호버링 등)

3.2 반응형 디자인 조정

  • 디바이스 미리 보기 모드를 사용하여 다양한 화면 크기의 디스플레이를 확인하세요.
  • 다양한 디바이스를 위한 개별화된 레이아웃 및 스타일링
  • 모든 중요한 콘텐츠가 모바일에서 명확하게 표시되도록 하세요.

3.3 SEO 최적화

  • 페이지 제목과 설명을 입력합니다.
  • 이미지 대체 텍스트 최적화
  • 콘텐츠 계층 구조가 잘 구성되어 있는지 확인합니다.
  • AI 카피라이팅 도우미로 키워드 레이아웃 최적화하기

4. 주의 사항

  • 무료 계정에는 웹사이트 생성을 위한 120크레딧이 포함되어 있습니다.
  • 각 아이템은 일정 수의 포인트를 소모합니다.
  • 게시된 사이트는 포인트의 영향을 받지 않습니다.
  • 출시 전에 미리 보고 완전히 테스트하는 것이 좋습니다.
  • 중요한 디자인 및 콘텐츠를 정기적으로 백업
© 저작권 정책

관련 문서

댓글 없음

댓글에 참여하려면 로그인해야 합니다!
지금 로그인
없음
댓글 없음...