divmagic DivMagic

任意の Web サイトからデザインをコピーする

ワンクリックでウェブサイト要素のコードを簡単にコピーできます。やってみよう!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
+8,000 人の開発者が使用
+8,000 人の開発者によって信頼されています
divmagic
魔法のブラウザ拡張機能:
何百時間も節約できます
ChromeとFirefoxの互換性
+100 万個の要素がコピーされました
最速のサポート
カラーピッカー、フォントコピー、その他の統合ツール
独自のコンポーネント ライブラリを作成する

8,000 人以上の開発者が次の場所で使用しています。

任意の Web サイト上の任意の要素のコードを取得する

あらゆる Web サイト上のあらゆる要素の HTML/CSS コードを取得できます。
ワンクリックで、任意の Web サイト上の任意の要素のコードをコピーできます。
必要に応じて、ワンクリックでページ全体をコピーすることもできます。

Media Query サポート (レスポンシブ)

コピーしている要素のメディア クエリをコピーできます。

これにより、コピーされたスタイルがレスポンシブになります。

CSS を Tailwind CSS に変換する

あらゆる CSS コードを Tailwind CSS に変換できます。

コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。

DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。

iframe 経由でコードをコピーする

iframe からコードをコピーできます。

一部の Web サイトでは、コピーを防止するためにコンテンツを iframe 内に配置しています。 DivMagic は iframe 経由でコードをコピーできます。

DevTools の統合

ブラウザの開発ツールから直接 DivMagic を使用します

拡張機能をポップアップしなくても、DivMagic の機能にアクセスできます。

開発者コンソール内で Web 要素を再利用可能なコンポーネントに変換してキャプチャします。

任意のコンポーネントを React/JSX に変換します

任意のコンポーネントを JSX に変換できます。

React/JSX コンポーネントとしてコピーしたセクションを取得できます。コードを検査する必要はありません。

Web サイトが React を使用していない場合でも。

DivMagic Studio の統合

コピーした要素を DivMagic Studio にエクスポートできます。

これにより、要素を編集して簡単に変更できるようになります。

コンポーネントを DivMagic Studio に保存し、いつでもアクセスできます。

DivMagic Toolbox

Web 開発に必要なすべてのツールが 1 か所にまとめられています。

Web サイトからフォントをコピーして、プロジェクトで直接使用できます。Web サイトから色をコピーして、プロジェクトで直接使用できます。あらゆる色をあらゆる形式に変換します。グリッドを追加します。

もっと...

素晴らしいウェブサイトをより速く構築するために必要なすべてのツール

何時間も費やさずに最高のデザインを手に入れる

検査官

あらゆる Web サイト上のあらゆる要素のコードを取得します。 DivMagic は、プロジェクトで使用できる最もコンパクトでクリーンなコードを提供します。

コンバータ

任意のコンポーネントを React/JSX に変換します。 React/JSX コンポーネントとしてコピーしたセクションを取得できます。ウェブサイトのフレームワークに関係なく。

追い風CSS

CSS を Tailwind CSS に変換します。 DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。

IFRAME のサポート

iframe からコードをコピーします。一部の Web サイトでは、コピーを防止するためにコンテンツを iframe 内に配置しています。 DivMagic は iframe 経由でコードをコピーできます。

応答性の高い

コピーしている要素またはページのメディア クエリをコピーできます。これにより、コピーされたスタイルがレスポンシブになります。

開発ツールの統合

DivMagic はブラウザの開発ツールから直接使用できます。拡張機能をポップアップしなくても、DivMagic のすべての機能にアクセスできます。

スタジオの統合

コピーした要素を DivMagic Studio にエクスポートできます。DivMagic Studio は、要素を編集して簡単に変更できる強力なオンライン エディタです。

全ページコピー

ワンクリックでページ全体をコピーできます。

ツールボックス

Web 開発に必要なすべてのツールが 1 か所にまとめられています。ライブ編集、カラーピッカー、デバッガーなど。

フォントのコピー

Web サイトからフォントをコピーし、プロジェクトで直接使用できます。

カラーピッカー

任意の Web サイトから色をコピーし、プロジェクトで直接使用できます。あらゆる色をあらゆる形式に変換します。

開発者やデザイナーに愛されています

“すばらしい! これにより、私の生産性は 1000 倍向上しました。 インターネット上の既存のものの Tailwind コードをコピーするのはとても簡単です。”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

非常に便利です。 非常に時間の節約になることは間違いありません。”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 要素を Tailwind CSS (色を含む) に直接変換する Chrome 拡張機能。”

testimonial author
Michael Hoffman
Senior Frontend Developer

まさに私が探していたものです。 試したことはうまくいきました。”

testimonial author
Will Bowman

うまくいきました! 出力は非常に小さいため、私のユースケースに合わせて変更するのが非常に簡単です。”

Nichole Peterson

フロントエンド開発者は必須です!! React や Tailwind との連携がとても気に入りました。私が最も気に入っているのは、UI と UX の使いやすさです。”

Steven J.

“私は強くお勧めします、それは魔法です!”

Javier

“デザインをさらに簡単に盗むことができるようになりました。 🤭”

testimonial author
Ethan Glover
Application Engineer

“素晴らしいツールです。その価値はコストをはるかに超えています。”

testimonial author
Bryan Brooks

DivMagic は宝物であり、ウェブページのそのセクションを取得して完璧に表示するための最高のツールです。 ぜひお試しください。節約されたコストは数日で戻ってきます。”

testimonial author
Victor Rhea

“素晴らしい有料ツールなので、お金を払う価値があります!”

testimonial author
Daniro

優れたツールであり、時間を大幅に節約できます。 あな​​たが開発者で、UI デザインを手早く入手したい場合は、このツールが最適です。”

testimonial author
Martin Young

“ブラウザ上にあると便利です”

testimonial author
Reza Hartana

“開発の時間を大幅に節約できる素晴らしいツールです。”

testimonial author
Jackie Chong

非常にうまく機能します - React + TailwindCSS を使用しても。非常に感動。”

testimonial author
J L

“素晴らしいツールです!パワフルな使い方と使いやすさが気に入っています。 あなたが開発者であれば、迷わずに必ず理解してください。

testimonial author
Giuliani Prosecutor

“素晴らしいツールです。 Tailwind コンポーネントと組み合わせると、 使用開始から最初の 30 分以内で簡単に時間を節約できます。ほぼ瞬時に料金が支払われます。”

testimonial author
Brendan OC

“私は過去に 3 つ以上の同様のツールをテストしましたが、DivMagic は品質の点で間違いなくトップの 1 つです。

testimonial author
John Techozens

“素晴らしいツールです。Web サイトを構築している方であればこれは簡単であることがわかります。テンプレートをいじったり CSS を変更したりする膨大な時間を節約できます。”

testimonial author
Kevin McGrew

非常に便利なアドオンです。時間と労力を節約できるため、製品全体の料金を支払いました。”

Torra Laq

衝撃的なツール。 開発者にとって非常に役立つツールです。”

testimonial author
Talha Tonmoy

Divmagic 開発はクールです。

Lewis

“この素晴らしいツールにより、タスクに費やす時間が大幅に短縮され、私の作業ルーチンにシームレスにフィットしました。 これはウェブサイト開発の分野に携わる人々にとって非常に重要なツールです。 テクニカル サポートは、私のリクエストから数時間以内に私を助けてくれました。印象的な。”

testimonial author
Vasttee Design

これまでで最高のツールは時間を大幅に節約します 一部の JSX 応答メディアを改善する必要があります。その他のツールは非常に役立ちます”

testimonial author
Azfar Masood
もっとお客様の声を見る

価格設定

あらゆるウェブサイトで動作します

Chrome と Firefox で利用可能

全額返金ポリシー

継続的なアップデートと新機能

献身的で迅速なサポート

+8,000 人の開発者が使用

"ほぼ瞬時に支払いが完了します"

ブレンダン - DivMagic ユーザー

時間とお金の節約を保証します

  • 生涯アクセス
  • Google Chromeで利用可能
  • すべての Chromium ベースのブラウザ
  • Firefox で利用可能
  • 2台のデバイスで使用
  • DivMagic スタジオの統合
  • 今後のすべてのアップデートが含まれます
  • 最速のサポート
  • 無制限の使用
  • 返金保証
🎁 $145 割引 - 期間限定の割引
$345
$200
1 回限りの支払い - 一度支払うと永久に使用できます
今すぐ入手

毎月

$16/

DivMagic のすべての機能が含まれています
いつでもキャンセル可能

毎年

$96/

DivMagic のすべての機能が含まれています
いつでもキャンセル可能

"クライアントは常に好みのデザインを持ってきますが、DivMagic を使用して簡単にそれをコピーできます。私たちの代理店にとって間違いなく必須のツールです。数え切れないほどの時間を節約できました。"

Andrew - DivMagic ユーザー兼代理店オーナー

チームの生産性向上を保証します

  • 必要に応じてチームメンバーをローテーションする
  • いつでもキャンセル可能
  • チームコンポーネントライブラリ
  • Team Studio の統合 (近日公開予定)

チームプラン

$20/

チームメンバーごとに
チームプランを取得する

よくある質問

DivMagic は何をするのですか?

DivMagic を使用すると、Web 要素を簡単にコピー、変換、利用できます。これは、HTML と CSS を、インライン CSS、外部 CSS、ローカル CSS、Tailwind CSS などのいくつかの形式に変換する多機能ツールです。

任意の要素を Web サイトから再利用可能なコンポーネントとしてコピーし、コードベースに直接貼り付けることができます。

どうやって使用すればいいですか?

まず、DivMagic 拡張機能をインストールします。任意の Web サイトに移動し、拡張機能アイコンをクリックします。次に、ページ上の任意の要素を選択します。コードが選択した形式でコピーされ、プロジェクトに貼り付ける準備が整います。

デモビデオを見て、どのように機能するかを確認できます

サポートされているブラウザは何ですか?

Chrome と Firefox の拡張機能を入手できます。

Chrome 拡張機能は、Brave や Edge などのすべての Chromium ベースのブラウザで動作します。

返金ポリシーとは何ですか?

DivMagic にご満足いただけない場合は、ご購入後 30 日以内にメールでご連絡ください。質問なしで返金いたします。

support@divmagic.com

サブスクリプションを変更するにはどうすればよいですか?

カスタマー ポータルにアクセスして、サブスクリプションを変更できます。
カスタマーポータル

すべての Web サイトで機能しますか?

はい。あらゆる Web サイトからあらゆる要素をコピーし、選択した形式に変換します。 iframe で保護されている要素をコピーすることもできます。

コピーしている Web サイトはどのフレームワークでも構築できますが、DivMagic はすべてのフレームワークで動作します。

まれに、特定の要素が完全にコピーされない場合があります。見つけた場合は、当社までご報告ください。

要素が正しくコピーされなかった場合でも、コピーしたコードを開始点として使用して変更を加えることができます。

Tailwind CSS 変換はすべての Web サイトで機能しますか?

はい。コピーしている Web サイトはどのフレームワークでも構築できますが、DivMagic はすべてのフレームワークで動作します。

Web サイトを Tailwind CSS で構築する必要はありません。DivMagic が CSS を Tailwind CSS に変換します。

制限は何ですか?

最大の制限は、JavaScript を使用してページ コンテンツの表示を変更する Web サイトです。このような場合、コピーしたコードは正しくない可能性があります。そのような要素を発見した場合は、当社までご報告ください。

要素が正しくコピーされなかった場合でも、コピーしたコードを開始点として使用して変更を加えることができます。

DivMagic のアップデートはどのくらいの頻度で行われますか?

DivMagic は定期的に更新されます。私たちは常に新しい機能を追加し、既存の機能を改善しています。

1 ~ 2 週間ごとにアップデートをリリースします。すべてのアップデートのリストについては、変更ログを参照してください。

変更履歴

DivMagic がシャットダウンした場合、私の 1 回限りの支払いアカウントはどうなりますか?

安心してご購入いただけるよう努めております。私たちは非常に長期間存続する予定ですが、DivMagic が終了した場合は、1 回限りの支払いを行ったすべてのユーザーに拡張機能のコードを送信し、オフラインで無期限に使用できるようにします。

最新情報を入手したいですか?
DivMagic メール リストに参加してください。

ニュースや新機能などについて誰よりも早く情報を入手してください!

いつでも購読を解除してください。スパム禁止。

© 2024 DivMagic, Inc. 全著作権所有。