履歴を見るにはログインしてください

HtmlDrag:ビジュアル HTML ドラッグ&ドロップエディタ・AI微調整

自由なドラッグ&ドロップで、本格的なWYSIWYG編集
作品をアップロードして、キャンバスで最後の調整
曖昧なプロンプトは不要。クリックして、AIに狙いどおり修正を指示
文書や画像を編集可能な HTML に変換
公開 Web ページを複製して編集を開始
編集した HTML をダウンロードして開発や公開に活用
自由なドラッグ&ドロップで、本格的なWYSIWYG編集
プロジェクトはまだありません。今すぐ作成しましょう!

下書きから完成したページへ

手元の HTML から
ページを仕上げる

既存の HTML や AI が生成したページをビジュアルエディターで開きます。テキスト、画像、レイアウトを直接編集したり、要素を選んで「AI で部分修正」を利用したりできます。

手元のコンテンツから始める
既存の HTMLAI 生成ページ公開ウェブページPDF · Word · Excel · PPT · 画像

01 / AI で部分修正

要素を選んで
AI でピンポイントに修正

画像や見出しを変えたいときは、対象を選び、希望する結果を言葉で伝えます。「AI で部分修正」は既存のページをもとに編集します。

変更するテキストや画像をクリックし、選択範囲を確認します。

希望する結果を自然な言葉で説明します。選択範囲が編集の起点になります。

プレビューで変更を確認します。さらに AI で調整するか、エディターで編集を続けます。

02 / HTML 編集

HTML を見ながら編集
細部まで整える

テキストや画像を変更し、要素を移動できます。表のセル編集、要素の挿入、要素のロック、リンクの追加にも対応しています。編集後はプレビューで確認できます。

03 / ファイルを HTML に変換

ファイルの内容を
編集できる HTML に

PDF、Word、Excel、PPT、画像、TXT、Markdown の内容を、編集可能な Web ページに変換できます。

提案書をウェブページに

提案内容、スケジュール、料金を編集可能なページにまとめます。

元のファイル編集できる HTML完成したページ

04 / 複製・保存・共有・書き出し

Web ページを複製
育て続ける作品に

Web ページの URL から始めて、HtmlDrag で制作を続けられます。ページを保存して継続的に管理・更新し、共有や書き出しで成果を届けましょう。

公開ページの URL を入力して編集可能な素材を取得し、テキスト、画像、レイアウトを調整できます。

「マイプロジェクト」でページとバージョンを管理。保存した作品を再び開いて編集を続けたり、以前のバージョンに戻ったりできます。

クライアントやチームにプレビューを送り、成果の紹介や確認に活用。フィードバックをもとに作品をさらに改善できます。

編集後のHTMLをダウンロードして使えるほか、画像として書き出して共有やプレゼンにも活用できます。

始める前に

確認しておきたい
ポイント

AI が生成した HTML を編集できますか?

手元のHTMLを開き、キャンバスで文字・画像・レイアウトを編集できます。 文字や画像、余白を変えながら、その場で仕上がりを確認できます。 見出しや画像、カード、表を選んで、変えたい内容を伝えましょう。今あるページを活かして仕上げられます。

「AI で部分修正」とページ全体の再生成はどう違いますか?

直したい箇所と希望する仕上がりを伝えるだけ。文言の変更からセクションの雰囲気の刷新まで、今あるページを活かして進められます。

ビジュアルエディターは要素のドラッグ移動だけですか?

ドラッグ&ドロップにとどまりません。要素のサイズ変更、テキストの直接編集、画像の差し替え、新しいコンポーネントの挿入、表の編集はもちろん、レイヤー管理、要素のロックや削除、リンクの追加、クリーンな HTML/CSS ソースコードへのアクセスも可能です。調整したい内容に応じて、「AI で部分修正」と組み合わせて使えます。

どんな資料をWebページにできますか?

文書、表計算、スライド、画像の内容を、さらに編集できるWebページにまとめられます。 文字や画像、余白を変えながら、その場で仕上がりを確認できます。

書き出した HTML を自分で公開できますか?

HTMLをダウンロードして、いつもの公開・納品の流れに進めます。

Webページのリンクからはどう始めますか?

公開ページのリンクを貼り付け、プレビューを開き、残す内容や変えたい箇所を選びましょう。

アップロードした文書はどう扱われますか?

文書は解析やページ生成のためにサーバーに一時保存される場合があり、処理後または有効期限後に削除されます。生成した HTML や素材はプロジェクトと一緒に保存できます。一時ファイルの削除で、保存済みのプロジェクトが消えることはありません。

ページを仕上げる準備はできましたか?

自由なドラッグ&ドロップと本格WYSIWYG編集

HtmlDrag

誰でも使えるドラッグ&ドロップHTMLエディター

© 2026 HtmlDrag. All rights reserved.