Draftly

텍스트 설명을 스크롤 기반 영화급 웹사이트로 변환하는 프롬프트 기반 3D 웹사이트 빌더 —— 코딩이나 디자인 기술이 필요 없습니다.

커뮤니티:

AI 웹사이트 빌더 AI 웹사이트 디자인 이미지에서 비디오로

웹사이트 방문

Atoms - AI로 코드 없이 웹사이트·앱 제작

Atoms

Sponsor

코딩 없이 몇 분 만에 아이디어를 검증하고, 웹사이트와 앱을 만들며, 첫 고객을 확보하세요.

개요
대안
분석

Atoms - AI로 코드 없이 웹사이트·앱 제작

제품 개요

Draftly이란 무엇인가요?

Draftly는 plain-language prompts를 영화급 모션이 있는 프로덕션 준비 스크롤 기반 웹사이트로 변환하는 3D 웹사이트 생성 플랫폼입니다. 사용자가 원하는 시각적 스타일을 설명하면 Draftly가 키프레임 이미지를 생성하고 8초 영상으로 애니메이션화한 후 400프레임 이상을 추출하여 부드러운 패럴랙스 스크롤 경험으로 조립합니다 —— 모두 WebGL, Three.js 또는 수동 코딩 없이 가능합니다. 최종 출력은 즉시 배포 가능한 HTML, CSS, JavaScript가 포함된 다운로드 가능한 ZIP 파일입니다. Draftly는 채팅 기반 반복 편집, 제품 사진 주입, 다중 영상 체이닝, 조절 가능한 FPS 제어를 지원하여 빠른 프로토타이핑과 세련된 프로덕션 사이트 모두에 적합합니다.

주요 기능

Prompt-to-3D 파이프라인
plain text로 사이트를 설명하세요 —— Draftly가 영화급 키프레임을 생성하고, 이를 영상으로 애니메이션화한 후 400프레임 이상을 추출하여 스크롤 기반 3D 웹사이트를 자동으로 조립합니다.
노코드 스크롤 애니메이션
프레임 단위 스크롤 재생으로 네이티브 브라우저 스크롤만으로 3D 패럴랙스 영화 효과를 구현합니다 —— WebGL이나 Three.js가 필요 없으며 모든 기기에서 작동합니다.
대화형 반복 편집
생성 후 채팅 인터페이스를 통해 카피, 색상, 레이아웃, 섹션을 다듬을 수 있으며 처음부터 다시 만들 필요가 없습니다.
제품 주입
제품 사진을 업로드하고 AI에게 3D 장면에 직접 배치하도록 지시하여 이커머스 및 마케팅 페이지에 실용적으로 활용할 수 있습니다.
다중 영상 체이닝 및 FPS 제어
여러 영상을 연결하여 더 긴 스크롤 시퀀스를 만들고, 10-40 FPS 범위에서 프레임 밀도를 미세 조정하여 애니메이션 속도와 부드러움을 제어합니다.
풀스택 ZIP 익스포트
프론트엔드 HTML/CSS/JS와 백엔드 Express API 스타터가 포함된 프로덕션 준비 ZIP 파일을 다운로드하여 즉시 배포할 수 있습니다.

사용 사례

스타트업 및 SaaS 랜딩 페이지 : 창업자와 소규모 팀은 디자이너나 개발자를 고용하지 않고도 몇 분 만에 시각적으로 매력적인 제품 페이지를 런칭할 수 있습니다.
이커머스 히어로 섹션 : 온라인 스토어는 제품 이미지를 영화급 3D 장면에 주입하여 전환율을 높이는 몰입형 최상단 경험을 만들 수 있습니다.
에이전시 클라이언트 프로토타이핑 : 디지털 에이전시는 클라이언트 프레젠테이션을 위해 고품질 3D 웹사이트 컨셉을 신속하게 생성하고 실시간으로 채팅을 통해 반복할 수 있습니다.
포트폴리오 및 브랜드 쇼케이스 : 디자이너와 크리에이티브는 코드 한 줄 작성하지 않고도 영화급 모션을 가진 스크롤 기반 포트폴리오 사이트를 구축하여 차별화할 수 있습니다.
마케팅 캠페인 마이크로사이트 : 마케터는 엔지니어링 리소스에 의존하지 않고도 강렬한 시각적 임팩트를 가진 단기 캠페인 페이지를 빠르게 구축할 수 있습니다.