変更するテキストや画像をクリックし、選択範囲を確認します。
HtmlDrag
下書きから完成したページへ
手元の HTML から
ページを仕上げる
既存の HTML や AI が生成したページをビジュアルエディターで開きます。テキスト、画像、レイアウトを直接編集したり、要素を選んで「AI で部分修正」を利用したりできます。
01 / AI で部分修正
要素を選んで
AI でピンポイントに修正
画像や見出しを変えたいときは、対象を選び、希望する結果を言葉で伝えます。「AI で部分修正」は既存のページをもとに編集します。
希望する結果を自然な言葉で説明します。選択範囲が編集の起点になります。
プレビューで変更を確認します。さらに AI で調整するか、エディターで編集を続けます。
02 / HTML 編集
HTML を見ながら編集
細部まで整える
テキストや画像を変更し、要素を移動できます。表のセル編集、要素の挿入、要素のロック、リンクの追加にも対応しています。編集後はプレビューで確認できます。
03 / ファイルを HTML に変換
ファイルの内容を
編集できる HTML に
PDF、Word、Excel、PPT、画像、TXT、Markdown の内容を、編集可能な Web ページに変換できます。
提案書をウェブページに
提案内容、スケジュール、料金を編集可能なページにまとめます。
04 / 複製・保存・共有・書き出し
Web ページを複製
育て続ける作品に
Web ページの URL から始めて、HtmlDrag で制作を続けられます。ページを保存して継続的に管理・更新し、共有や書き出しで成果を届けましょう。
公開ページの URL を入力して編集可能な素材を取得し、テキスト、画像、レイアウトを調整できます。
「マイプロジェクト」でページとバージョンを管理。保存した作品を再び開いて編集を続けたり、以前のバージョンに戻ったりできます。
クライアントやチームにプレビューを送り、成果の紹介や確認に活用。フィードバックをもとに作品をさらに改善できます。
エディターの補助マークアップを除いた独立した HTML を、開発やご自身の環境での公開に活用できます。HTML から画像への書き出しは無料です。
始める前に
確認しておきたい
ポイント
AI が生成した HTML を編集できますか?
はい。HTML をアップロードするかコードを貼り付けて、テキスト、画像、スタイル、位置を編集できます。要素を選んで AI で調整することもできます。フレームワークや複雑な実行環境に依存するページは、取り込み後に追加の調整が必要な場合があります。
「AI で部分修正」とページ全体の再生成はどう違いますか?
ページ全体を再生成して既存のレイアウトを崩したり手動の編集を消してしまったりするツールとは異なり、「AI で部分修正」は選択した要素のみを正確に隔離します。自然言語で指示した内容だけをピンポイントで更新して新しいバージョンとして保存し、ページの他の部分は 100% そのまま保持されます。
ビジュアルエディターは要素のドラッグ移動だけですか?
ドラッグ&ドロップにとどまりません。要素のサイズ変更、テキストの直接編集、画像の差し替え、新しいコンポーネントの挿入、表の編集はもちろん、レイヤー管理、要素のロックや削除、リンクの追加、クリーンな HTML/CSS ソースコードへのアクセスも可能です。調整したい内容に応じて、「AI で部分修正」と組み合わせて使えます。
元ファイルのレイアウトは完全に再現されますか?
「ファイルを HTML に変換」は、AI でファイルの内容を編集可能な Web ページに変換します。ピクセル単位の再現は保証されません。テキスト、データ、表、画像、レイアウトを確認し、AI やキャンバスで調整してください。
書き出した HTML を自分で公開できますか?
はい。HTML をダウンロードして開発や独自のホスティングに使用できます。外部の画像、フォント、スクリプト、サービスは引き続きアクセス可能である必要があります。公開前に実際の環境で確認してください。
公開 URL からページを取り込めますか?
「Webページを複製」で公開ページを編集の起点にできます。ログイン制限、ボット対策、動的コンテンツ、リソース制限が結果に影響する場合があります。取り込んだページを確認し、編集権限のあるコンテンツを使用してください。
アップロードした文書はどう扱われますか?
文書は解析やページ生成のためにサーバーに一時保存される場合があり、処理後または有効期限後に削除されます。生成した HTML や素材はプロジェクトと一緒に保存できます。一時ファイルの削除で、保存済みのプロジェクトが消えることはありません。
ページを仕上げる準備はできましたか?
自由なドラッグ&ドロップと本格WYSIWYG編集