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