divmagic DivMagic

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

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

によって使われた

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 他の何千人もの開発者!

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

4,000 人以上の開発者から信頼される
divmagic

開発時間を大幅に短縮

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

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

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

検査官

あらゆる 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 は、要素を編集して簡単に変更できる強力なオンライン エディタです。

全ページコピー

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

WordPressの統合

(近日公開) - コピーした要素を WordPress にエクスポートできます。これにより、コピーした要素を WordPress エディターで使用できるようになります。

フォントのコピー

(近日公開予定) - Web サイトからフォントをコピーし、プロジェクトで直接使用できます。

ツールボックス

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

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

“すばらしい! これにより、私の生産性は 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

価格設定

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

Chrome と Firefox で利用可能

全額返金ポリシー

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

献身的で迅速なサポート
継続的なアップデートと新機能

毎月

$16/

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

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

  • Firefox で利用可能

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

  • DivMagic スタジオの統合

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

  • 返金保証

毎年

$96/

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

  • 保存 - 6か月間無料

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

  • Firefox で利用可能

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

  • DivMagic スタジオの統合

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

  • 返金保証

🎁

限定割引!!!

1回払い

最も人気のある
$300
$200

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

  • 生涯アクセス

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

  • Firefox で利用可能

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

  • DivMagic スタジオの統合

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

  • 返金保証

よくある質問

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

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