divmagic DivMagic

從任何網站複製設計

一鍵輕鬆複製任何網站元素的程式碼。現在就試試!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
超過 8000 位開發者使用
受到超過 8000 位開發者的信任
divmagic
神奇的瀏覽器擴充功能:
節省數百小時
相容於 Chrome 和火狐瀏覽器
+100 萬個元素複製
最快的支持
顏色選擇器、字體複製和其他整合工具
建立您自己的元件庫

被超過 8000 位開發者使用,網址為:

獲取任意網站任意元素的代碼

您可以獲取任何網站上任何元素的 HTML/CSS 代碼。
一鍵複製任意網站任意元素的代碼。
如果需要,您還可以一鍵複製整頁。

Media Query 支持(反應式)

您可以複製正在複製的元素的媒體查詢。

這將使複製的樣式具有響應性。

將 CSS 轉換為 Tailwind CSS

您可以將任何 CSS 代碼轉換為 Tailwind CSS。

您從中復制的網站不需要使用 Tailwind CSS。

DivMagic 會將任何 CSS 代碼轉換為 Tailwind CSS(甚至是顏色!)

通過 iframe 複製代碼

您可以從 iframe 複製代碼。

有些網站將內容放在 iframe 中以防止您複製它。 DivMagic 可以通過 iframe 複製代碼。

DevTools 集成

直接透過瀏覽器的開發工具使用 DivMagic

您無需彈出擴充功能即可使用 DivMagic 的強大功能

將 Web 元素轉換並擷取為可重複使用元件,同時保留在開發人員控制台中。

將任何組件轉換為 React/JSX

您可以將任何組件轉換為 JSX。

您可以獲得作為 React/JSX 組件複製的任何部分。無需檢查代碼。

即使網站不使用 React。

DivMagic Studio 集成

您可以將複製的元素匯出到 DivMagic Studio。

這將允許您輕鬆編輯元素並對其進行更改。

您可以將元件保存在 DivMagic Studio 中並隨時存取它們。

DivMagic Toolbox

Web 開發所需的所有工具都集中在一個地方。

您可以從網站複製字體並直接在您的專案中使用它們。您可以從任何網站複製顏色並直接在您的專案中使用它們。將任何顏色轉換為任何格式。新增網格。

和更多...

更快地建立令人驚嘆的網站所需的所有工具

無需花費數小時即可獲得最佳設計

督察

取得任何網站上任何元素的程式碼。 DivMagic 提供最緊湊、最乾淨的程式碼供您在專案中使用。

轉換器

將任何元件轉換為 React/JSX。您可以獲得作為 React/JSX 元件複製的任何部分。與網站的框架無關。

順風CSS

將 CSS 轉換為 Tailwind CSS。 DivMagic 會將任何 CSS 程式碼轉換為 Tailwind CSS(甚至是顏色!)。您從中複製的網站不需要使用 Tailwind CSS。

框架支援

從 iframe 複製程式碼。有些網站將內容放在 iframe 中以防止您複製它。 DivMagic 可以透過 iframe 複製程式碼。

反應靈敏

您可以複製要複製的元素或頁面的媒體查詢。這將使複製的樣式具有響應性。

開發工具集成

直接透過瀏覽器的開發工具使用 DivMagic。您無需彈出擴充功能即可存取 DivMagic 的所有功能。

工作室整合

您可以將複製的元素匯出到 DivMagic Studio - 一個強大的線上編輯器,可以輕鬆編輯元素並對其進行更改。

整頁副本

您可以一鍵複製整頁。

WordPress 整合

您可以將複製的元素匯出到 WordPress(HTML 到 WordPress Gutenberg)。這將允許您在 WordPress 古騰堡編輯器中使用複製的元素。

更多資訊請參閱此處

工具箱

Web 開發所需的所有工具都集中在一個地方。即時編輯、顏色選擇器、調試器等等。

字體複製

您可以從網站複製字體並直接在您的專案中使用它們。

選色器

您可以從任何網站複製顏色並直接在您的專案中使用它們。將任何顏色轉換為任何格式。

深受開發者和設計師的喜愛

“驚人的! 這使我的工作效率提高了 1000 倍。可以輕鬆地為互聯網上的現有內容複製 Tailwind 代碼。”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

非常有用!毫無疑問,它非常節省時間!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 一個 Chrome 擴展,可將元素直接轉換為 Tailwind CSS(包括顏色)。”

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 迄今為止在質量方面很容易成為頂級工具之一。

testimonial author
John Techozens

“很棒的工具,如果您建立網站,您就會知道這是輕而易舉的事情。 節省了大量時間搞亂模板和修改 CSS。”

testimonial author
Kevin McGrew

超有用的插件!為完整產品付費,因為它節省了我的時間和精力。

Torra Laq

令人興奮的工具。對於開發人員來說非常非常有用的工具”

testimonial author
Talha Tonmoy

Divmagic 開發很酷。”

Lewis

“這個神奇的工具大大減少了我花在任務上的時間,並且無縫地融入了我的工作流程。 對於網站開發領域的人員來說,它是一個至關重要的工具。感人的。”

testimonial author
Vasttee Design

最好的工具可以節省大量時間 需要改進一些 JSX 回應媒體,其他的非常有幫助”

testimonial author
Azfar Masood
看更多推薦

價錢

適用於每個網站

適用於 Chrome 和 Firefox

全額退款政策

不斷更新和新功能

專注且快速的支持

+8000 名開發者使用

"幾乎立即收回成本"

Brendan - DivMagic 用戶

保證節省您的時間和金錢

  • 終身訪問
  • 適用於谷歌瀏覽器
  • 所有基於 Chromium 的瀏覽器
  • 適用於火狐瀏覽器
  • 在 2 台裝置上使用
  • DivMagic Studio 集成
  • 包括所有未來的更新
  • 最快的支持
  • 無限制使用
  • 退款保證
🎁 節省 145 美元 - 限時折扣
$345
$200
一次性付款-付款一次,永久使用
立即獲取

每月

$16/

包含 DivMagic 的所有功能
隨時取消

每年

$96/

包含 DivMagic 的所有功能
隨時取消

"客戶總是會提出他們喜歡的設計,我們可以使用 DivMagic 輕鬆複製它。絕對是我們機構的必備工具。節省了我們無數的時間!"

Andrew - DivMagic 用戶和機構所有者

保證提高您團隊的生產力

  • 根據需要輪換團隊成員
  • 隨時取消
  • 團隊元件庫
  • Team Studio 整合(即將推出)

團隊計劃

$20/

每個團隊成員
獲取團隊計劃

經常問的問題

DivMagic 是做什麼的?

DivMagic 可讓您輕鬆複製、轉換和利用 Web 元素。它是一款多功能工具,可將 HTML 和 CSS 轉換為多種格式,包括內聯 CSS、外部 CSS、本地 CSS 和 Tailwind CSS。

您可以從任何網站複製任何元素作為可重用組件,並將其直接粘貼到您的代碼庫中。

我該如何使用它?

首先,安裝 DivMagic 擴展。導航到任何網站並單擊擴展程序圖標。然後,選擇頁面上的任意元素。代碼 - 以您選擇的格式 - 將被複製並準備粘貼到您的項目中。

您可以觀看演示視頻以了解它是如何工作的

支持哪些瀏覽器?

您可以獲得 Chrome 和 Firefox 的擴展程序。

Chrome 擴展適用於所有基於 Chromium 的瀏覽器,例如 Brave 和 Edge。

退款政策是什麼?

如果您對 DivMagic 不滿意,請在購買後 30 天內發送電子郵件給我們,我們將無條件退款。

support@divmagic.com

如何修改我的訂閱?

您可以通過訪問客戶門戶來修改您的訂閱。
客戶門戶

它適用於所有網站嗎?

是的。它將復制任何網站上的任何元素,並將其轉換為您選擇的格式。您甚至可以復制受 iframe 保護的元素。

您正在復制的網站可以使用任何框架構建,DivMagic 將適用於所有框架。

雖然很少見,但某些元素可能無法完美復制 - 如果您遇到任何情況,請向我們報告。

即使元素未正確複製,您仍然可以使用複制的代碼作為起點並對其進行更改。

Tailwind CSS 轉換適用於所有網站嗎?

是的。您正在復制的網站可以使用任何框架構建,DivMagic 將適用於所有框架。

該網站不需要使用 Tailwind CSS 構建,DivMagic 會為您將 CSS 轉換為 Tailwind CSS。

有什麼限制?

最大的限制是使用 JavaScript 來修改頁面內容顯示的網站。在這種情況下,複製的代碼可能不正確。如果您發現任何此類元素,請向我們報告。

即使元素未正確複製,您仍然可以使用複制的代碼作為起點並對其進行更改。

DivMagic 多久更新一次?

DivMagic 定期更新。我們不斷添加新功能並改進現有功能。

我們每 1-2 週發布一次更新。請參閱我們的變更日誌以獲取所有更新的列表。

變更日誌

如果 DivMagic 關閉,我的一次性付款帳戶會怎麼樣?

我們希望確保您在購買時感到放心。我們計劃存在很長一段時間,但如果 DivMagic 關閉,我們會將擴展代碼發送給所有一次性付款的用戶,使您能夠無限期地離線使用它。

想了解最新動態嗎?
加入 DivMagic 電子郵件列表!

成為第一個了解新聞、新功能等的人!

隨時取消訂閱。沒有垃圾郵件。

© 2024 DivMagic, Inc. 保留所有權利。