によって使われた
+ 他の何百もの開発者!
ワンクリックでスタイルをコピー
もうデザインについて考える時間を無駄にする必要はありません。
ワンクリックですべてを数秒でコピーできます。完全なウェブサイトも。
任意のコンポーネントを Tailwind CSS に変換します
コピーしたセクションはすべて Tailwind CSS コンポーネントとして取得できます (Web サイトが Tailwind CSS を使用していない場合でも)。
任意のコンポーネントを JSX に変換します
コピーしたセクションを React/JSX コンポーネントとして取得できます
あらゆる Web サイト上のあらゆる要素の HTML/CSS コードを取得できます。
ワンクリックで、任意の Web サイト上の任意の要素のコードをコピーできます。
必要に応じて、ワンクリックでページ全体をコピーすることもできます。
コピーしている要素のメディア クエリをコピーできます。
これにより、コピーされたスタイルがレスポンシブになります。
あらゆる CSS コードを Tailwind CSS に変換できます。
コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。
DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。
iframe からコードをコピーできます。
一部の Web サイトでは、コピーを防止するためにコンテンツを iframe 内に配置しています。 DivMagic は iframe 経由でコードをコピーできます。
ブラウザの開発ツールから直接 DivMagic を使用します
拡張機能をポップアップしなくても、DivMagic の機能にアクセスできます。
開発者コンソール内で Web 要素を再利用可能なコンポーネントに変換してキャプチャします。
任意のコンポーネントを JSX に変換できます。
React/JSX コンポーネントとしてコピーしたセクションを取得できます。コードを検査する必要はありません。
Web サイトが React を使用していない場合でも。
コピーした要素を DivMagic Studio にエクスポートできます。
これにより、要素を編集して簡単に変更できるようになります。
コンポーネントを DivMagic Studio に保存し、いつでもアクセスできます。
“すばらしい!これにより、私の生産性は 1000 倍向上しました。インターネット上の既存のものの Tailwind コードをコピーするのは非常に簡単です。”
“信じられないほど便利です!とても時短になること間違いなしです!”
“🛠️ DivMagic 👉🏻 要素を Tailwind CSS (色を含む) に直接変換する Chrome 拡張機能。”
“まさに私が探していたものです!私が試したことにうまく取り組んでいます。”
“よく働く!出力は非常に小さいため、私のユースケースに合わせて変更するのが非常に簡単です。”
“デザインをさらに簡単に盗むことができるようになりました。 🤭”
あらゆるウェブサイトで動作します
Chrome と Firefox で利用可能
地方税または付加価値税(該当する場合)は除きます
Google Chrome で利用可能 (Brave、Edge などのすべての Chromium ベースのブラウザを含む)
Firefox で利用可能
必要な数のデバイスで使用できます
今後のすべてのアップデートと機能が含まれます
返金保証
地方税または付加価値税(該当する場合)は除きます
保存 - 6か月間無料
Google Chrome で利用可能 (Brave、Edge などのすべての Chromium ベースのブラウザを含む)
Firefox で利用可能
必要な数のデバイスで使用できます
今後のすべてのアップデートと機能が含まれます
返金保証
地方税または付加価値税(該当する場合)は除きます
生涯アクセス
Google Chrome で利用可能 (Brave、Edge などのすべての Chromium ベースのブラウザを含む)
Firefox で利用可能
必要な数のデバイスで使用できます
今後のすべてのアップデートと機能が含まれます
返金保証
DivMagic を使用すると、Web 要素を簡単にコピー、変換、利用できます。これは、HTML と CSS を、インライン CSS、外部 CSS、ローカル CSS、Tailwind CSS などのいくつかの形式に変換する多機能ツールです。
任意の要素を Web サイトから再利用可能なコンポーネントとしてコピーし、コードベースに直接貼り付けることができます。
まず、DivMagic 拡張機能をインストールします。任意の Web サイトに移動し、拡張機能アイコンをクリックします。次に、ページ上の任意の要素を選択します。コードが選択した形式でコピーされ、プロジェクトに貼り付ける準備が整います。
デモビデオを見て、どのように機能するかを確認できます
Chrome と Firefox の拡張機能を入手できます。
Chrome 拡張機能は、Brave や Edge などのすべての Chromium ベースのブラウザで動作します。
DivMagic にご満足いただけない場合は、ご購入後 30 日以内にメールでご連絡ください。質問なしで返金いたします。
support@divmagic.com
カスタマー ポータルにアクセスして、サブスクリプションを変更できます。
カスタマーポータル
はい。あらゆる Web サイトからあらゆる要素をコピーし、選択した形式に変換します。 iframe で保護されている要素をコピーすることもできます。
コピーしている Web サイトはどのフレームワークでも構築できますが、DivMagic はすべてのフレームワークで動作します。
まれに、特定の要素が完全にコピーされない場合があります。見つけた場合は、当社までご報告ください。
要素が正しくコピーされなかった場合でも、コピーしたコードを開始点として使用して変更を加えることができます。
はい。コピーしている Web サイトはどのフレームワークでも構築できますが、DivMagic はすべてのフレームワークで動作します。
Web サイトを Tailwind CSS で構築する必要はありません。DivMagic が CSS を Tailwind CSS に変換します。
最大の制限は、JavaScript を使用してページ コンテンツの表示を変更する Web サイトです。このような場合、コピーしたコードは正しくない可能性があります。そのような要素を発見した場合は、当社までご報告ください。
要素が正しくコピーされなかった場合でも、コピーしたコードを開始点として使用して変更を加えることができます。
DivMagic は定期的に更新されます。私たちは常に新しい機能を追加し、既存の機能を改善しています。
1 ~ 2 週間ごとにアップデートをリリースします。すべてのアップデートのリストについては、変更ログを参照してください。
変更履歴
ニュースや新機能などについて誰よりも早く情報を入手してください!
いつでも購読を解除してください。スパム禁止。
© 2023 DivMagic, Inc. 全著作権所有。