divmagic DivMagic

從任何網站複製設計

瀏覽器擴充程序,可讓您一鍵複製任何網站元素的程式碼

使用者

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 數千名其他開發人員!

開發人員使用於

受到超過 4000 名開發者的信賴
divmagic

顯著減少您的開發時間

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

您可以獲取任何網站上任何元素的 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 提供最緊湊、最乾淨的程式碼供您在專案中使用。

轉換器

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

順風CSS

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

框架支援

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

反應靈敏

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

開發工具集成

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

工作室整合

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

整頁副本

您可以一鍵複製整頁。

WordPress 整合

(即將推出)- 您可以將複製的元素匯出到 WordPress。這將允許您在 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

價錢

適用於每個網站

適用於 Chrome 和 Firefox

全額退款政策

超過 4000 位開發者使用過

專注且快速的支持
不斷更新和新功能

每月

$16/

不包括地方稅或增值稅(如果適用)

  • 適用於 Google Chrome(包括所有基於 Chromium 的瀏覽器,如 Brave、Edge 等)

  • 適用於火狐瀏覽器

  • 在任意數量的設備上使用

  • DivMagic Studio 集成

  • 包括所有未來的更新和功能

  • 退款保證

每年

$96/

不包括地方稅或增值稅(如果適用)

  • 節省 - 6 個月免費

  • 適用於 Google Chrome(包括所有基於 Chromium 的瀏覽器,如 Brave、Edge 等)

  • 適用於火狐瀏覽器

  • 在任意數量的設備上使用

  • DivMagic Studio 集成

  • 包括所有未來的更新和功能

  • 退款保證

🎁

折扣有限!!!

一次性支付

最受歡迎
$300
$200

不包括地方稅或增值稅(如果適用)

  • 終身訪問

  • 適用於 Google Chrome(包括所有基於 Chromium 的瀏覽器,如 Brave、Edge 等)

  • 適用於火狐瀏覽器

  • 在任意數量的設備上使用

  • DivMagic Studio 集成

  • 包括所有未來的更新和功能

  • 退款保證

經常問的問題

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 - Copy design from any website | Product Hunt

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