divmagic DivMagic

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

ワンクリックでウェブサイト要素のコードをコピーできるブラウザ拡張機能

によって使われた

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 他の何百もの開発者!

開発者によって使用されています

開発時間を大幅に短縮

早くて簡単

ワンクリックでスタイルをコピー

もうデザインについて考える時間を無駄にする必要はありません。

ワンクリックですべてを数秒でコピーできます。完全なウェブサイトも。

Tailwind CSS

任意のコンポーネントを Tailwind CSS に変換します

コピーしたセクションはすべて Tailwind CSS コンポーネントとして取得できます (Web サイトが Tailwind CSS を使用していない場合でも)。

React/JSX

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

コピーしたセクションを React/JSX コンポーネントとして取得できます

任意の 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 に保存し、いつでもアクセスできます。

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

価格設定

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

Chrome と Firefox で利用可能

全額返金ポリシー
+1,000 人の開発者が使用
献身的で迅速なサポート
継続的なアップデートと新機能

毎月

$16/

地方税または付加価値税(該当する場合)は除きます

  • Google Chrome で利用可能 (Brave、Edge などのすべての Chromium ベースのブラウザを含む)

  • Firefox で利用可能

  • 必要な数のデバイスで使用できます

  • 今後のすべてのアップデートと機能が含まれます

  • 返金保証

毎年

$96/

地方税または付加価値税(該当する場合)は除きます

  • 保存 - 6か月間無料

  • Google Chrome で利用可能 (Brave、Edge などのすべての Chromium ベースのブラウザを含む)

  • Firefox で利用可能

  • 必要な数のデバイスで使用できます

  • 今後のすべてのアップデートと機能が含まれます

  • 返金保証

🎁 限定割引

1回払い

最も人気のある
$300
$200

地方税または付加価値税(該当する場合)は除きます

  • 生涯アクセス

  • Google Chrome で利用可能 (Brave、Edge などのすべての Chromium ベースのブラウザを含む)

  • Firefox で利用可能

  • 必要な数のデバイスで使用できます

  • 今後のすべてのアップデートと機能が含まれます

  • 返金保証

よくある質問

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 メール リストに参加してください。

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

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

DivMagic - Copy design from any website | Product Hunt

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