divmagic DivMagic

從任何網站複製設計

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

使用者

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 數百名其他開發人員!

開發人員使用於

顯著減少您的開發時間

快速又簡單

一鍵複製樣式

不要再浪費時間思考設計了。

只需單擊即可在幾秒鐘內複製所有內容。甚至完整的網站。

Tailwind CSS

將任何元件轉換為 Tailwind CSS

您可以獲得作為 Tailwind CSS 元件複製的任何部分(即使網站不使用 Tailwind CSS)

React/JSX

將任何組件轉換為 JSX

您可以獲得作為 React/JSX 元件複製的任何部分

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

您可以獲取任何網站上任何元素的 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 中並隨時存取它們。

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

價錢

適用於每個網站

適用於 Chrome 和 Firefox

全額退款政策
超過 1000 名開發者使用
專注且快速的支持
不斷更新和新功能

每月

$16/

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

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

  • 適用於火狐瀏覽器

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

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

  • 退款保證

每年

$96/

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

  • 節省 - 6 個月免費

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

  • 適用於火狐瀏覽器

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

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

  • 退款保證

🎁 有限折扣

一次性支付

最受歡迎
$300
$200

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

  • 終身訪問

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

  • 適用於火狐瀏覽器

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

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

  • 退款保證

經常問的問題

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

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