HtmlDrag

모바일 사이트에서는 기능 소개와 데모 동영상을 확인할 수 있습니다. AI 생성, AI 정밀 수정, 시각적 편집은 컴퓨터 브라우저에서 HtmlDrag를 열어 이용해 주세요.

네. HTML 파일을 업로드하거나 코드를 붙여 넣어 텍스트, 이미지, 스타일, 위치를 수정할 수 있습니다. 요소를 선택해 AI로 다듬을 수도 있습니다. 프레임워크나 복잡한 실행 환경에 의존하는 페이지는 가져온 후 추가 작업이 필요할 수 있습니다.

전체 코드를 다시 작성하여 기존 레이아웃을 망치거나 수동 편집 내용을 지워버리는 기존 도구와 달리, ‘AI로 부분 수정’은 선택한 요소만 정확히 격리합니다. 자연어로 요청하면 해당 부분만 업데이트하여 새 버전으로 저장하며, 페이지의 나머지 영역은 100% 그대로 유지됩니다.

단순한 드래그 앤 드롭을 훨씬 뛰어넘습니다. 요소 크기 조절, 텍스트 직접 편집, 이미지 교체, 새 컴포넌트 삽입, 표 편집은 물론 레이어 관리, 요소 잠금 및 삭제, 링크 추가, 깔끔한 HTML/CSS 소스 코드 확인도 가능합니다. 수정하려는 내용에 따라 ‘AI로 부분 수정’과 함께 사용할 수 있습니다.

‘파일을 HTML로 변환’은 AI로 파일 내용을 편집 가능한 웹페이지로 만듭니다. 픽셀 단위의 재현은 보장하지 않습니다. 텍스트, 데이터, 표, 이미지, 레이아웃을 확인한 후 AI나 캔버스에서 조정하세요.

네. HTML을 다운로드해 개발하거나 직접 호스팅할 수 있습니다. 외부 이미지, 폰트, 스크립트, 서비스에 계속 접근할 수 있어야 합니다. 게시 전에 배포 환경에서 확인하세요.

‘웹페이지 복제’로 공개 페이지를 가져와 편집을 시작할 수 있습니다. 로그인 제한, 봇 차단, 동적 콘텐츠, 리소스 제한이 결과에 영향을 줄 수 있습니다. 가져온 페이지를 확인하고 편집 권한이 있는 콘텐츠를 사용하세요.

문서는 분석과 페이지 생성을 위해 서버에 임시 저장될 수 있으며, 처리 후 또는 보관 기간이 지나면 삭제됩니다. 생성된 HTML과 프로젝트 리소스는 프로젝트와 함께 저장할 수 있습니다. 임시 파일 정리는 저장된 프로젝트를 삭제하지 않습니다.