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

公開Webページを編集可能なHTMLにクローン

公開WebページのURLを入力し、レイアウトを取得してテキスト、画像、レイアウトをキャンバス上で自由に編集。

以下にリンクを貼り付けてください

注: 公開されているhttp/httpsページのみサポートしています。音声/動画サイト、ログインが必要なサイト、複雑なフロントエンドフレームワークを使用しているサイトなど、一部のサイトは取得できないか、不完全になる場合があります。

Webページのリンクから、新しいアイデアへ

既存のWebページを、自分の制作の出発点に

公開ページのリンクから始めて、文字・画像・レイアウトを変え、次のプロジェクト向けに仕上げられます。

かんたん4ステップ

Webページのリンクから、自分だけの一案へ

ページを取り込み、細部を整えて、共有や納品へ。

01

Webページのリンクを貼り付ける

利用する権限のある公開ページを、制作の出発点として指定します。

02

キャンバスでページを開く

取り込んだページを確認し、内容やデザインを更新していきます。

03

思い描いたページに仕上げる

文字や画像、余白を変えながら、その場で仕上がりを確認できます。

04

すっきり書き出して、スムーズに納品

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

仕上げたページを、次のステップへ

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

日々の修正をもっと手軽に

準備を減らして、仕上げに集中

ページを取り込み、細部を整えて、共有や納品へ。

既存のWebページから始める

公開ページをもとに、新しいキャンペーン案、デザインレビュー、提案資料を用意できます。

画像と雰囲気を一新

キャンバスで画像やデザインを確認し、素材を差し替えて全体の印象を整えられます。

直したいところに集中

専用の編集画面で、文字・画像・レイアウトの調整に集中できます。

すっきり書き出して、スムーズに納品

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

活用シナリオ

次のページ更新をスムーズに

キャンペーンページやテンプレートを整え、クライアントに見せる一案を用意できます。

CASE 01

既存のWebページから始める

公開ページをもとに、新しいキャンペーン案、デザインレビュー、提案資料を用意できます。

CASE 02

ソースコードのない古いWebサイトの刷新

公開ページのリンクから始めて、文字・画像・レイアウトを変え、次のプロジェクト向けに仕上げられます。

CASE 03

マーケティング施策のA/Bテスト作成

文字や画像、余白を変えながら、その場で仕上がりを確認できます。

CASE 04

新しい案をクライアントに見せる

提案やデザインレビューに合わせてページを整え、プレビューの共有や書き出しができます。

ほかの始め方も選べます

ファイルのアップロード、HTMLの貼り付け、URLの入力、AIでの作成から選べます。

よくある質問

HtmlDragを使う前に知っておきたいこと

使い始めから仕上げまで、よくある疑問にお答えします。