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. 保留所有权利。