変更するテキストや画像をクリックし、選択範囲を確認します。
HtmlDrag:ビジュアル HTML ドラッグ&ドロップエディタ・AI微調整
下書きから完成したページへ
手元の 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をダウンロードして使えるほか、画像として書き出して共有やプレゼンにも活用できます。
始める前に
確認しておきたい
ポイント
AI が生成した HTML を編集できますか?
手元のHTMLを開き、キャンバスで文字・画像・レイアウトを編集できます。 文字や画像、余白を変えながら、その場で仕上がりを確認できます。 見出しや画像、カード、表を選んで、変えたい内容を伝えましょう。今あるページを活かして仕上げられます。
「AI で部分修正」とページ全体の再生成はどう違いますか?
直したい箇所と希望する仕上がりを伝えるだけ。文言の変更からセクションの雰囲気の刷新まで、今あるページを活かして進められます。
ビジュアルエディターは要素のドラッグ移動だけですか?
ドラッグ&ドロップにとどまりません。要素のサイズ変更、テキストの直接編集、画像の差し替え、新しいコンポーネントの挿入、表の編集はもちろん、レイヤー管理、要素のロックや削除、リンクの追加、クリーンな HTML/CSS ソースコードへのアクセスも可能です。調整したい内容に応じて、「AI で部分修正」と組み合わせて使えます。
どんな資料をWebページにできますか?
文書、表計算、スライド、画像の内容を、さらに編集できるWebページにまとめられます。 文字や画像、余白を変えながら、その場で仕上がりを確認できます。
書き出した HTML を自分で公開できますか?
HTMLをダウンロードして、いつもの公開・納品の流れに進めます。
Webページのリンクからはどう始めますか?
公開ページのリンクを貼り付け、プレビューを開き、残す内容や変えたい箇所を選びましょう。
アップロードした文書はどう扱われますか?
文書は解析やページ生成のためにサーバーに一時保存される場合があり、処理後または有効期限後に削除されます。生成した HTML や素材はプロジェクトと一緒に保存できます。一時ファイルの削除で、保存済みのプロジェクトが消えることはありません。
ページを仕上げる準備はできましたか?
自由なドラッグ&ドロップと本格WYSIWYG編集