divmagic DivMagic

Скопируйте дизайн с любого сайта

Легко скопируйте код любого элемента сайта одним щелчком мыши. Попробуй это сейчас!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Используется более 8000 разработчиками
ДОВЕРЯЮТ +8000 РАЗРАБОТЧИКОВ
divmagic
Волшебное расширение для браузера:
Сэкономьте сотни часов
Совместимость с Chrome и Firefox
+1 миллион скопированных элементов
Самая быстрая поддержка
Выбор цвета, копирование шрифтов и другие встроенные инструменты
Создайте свою собственную библиотеку компонентов

Используется более 8000 разработчиками по адресу:

Получите код любого элемента на любом сайте

Вы можете получить HTML/CSS-код любого элемента на любом веб-сайте.
Одним щелчком мыши вы можете скопировать код любого элемента на любом сайте.
Вы также можете скопировать целые страницы одним щелчком мыши, если хотите.

Media Query Поддержка (адаптивный)

Вы можете скопировать медиа-запрос копируемого элемента.

Это сделает скопированный стиль адаптивным.

Преобразование CSS в CSS Tailwind

Вы можете преобразовать любой код CSS в CSS Tailwind.

Веб-сайт, с которого вы копируете, не должен использовать Tailwind CSS.

DivMagic преобразует любой CSS-код в Tailwind CSS (даже цвета!)

Скопировать код через iframe

Вы можете скопировать код из iframe.

Некоторые веб-сайты помещают контент в iframe, чтобы вы не могли его скопировать. DivMagic может копировать код через iframe.

DevTools Интеграция

Используйте DivMagic прямо из инструментов разработки вашего браузера.

Вы можете получить доступ к возможностям DivMagic, даже не открывая расширение.

Преобразуйте и сохраняйте веб-элементы в компоненты многократного использования, не выходя при этом из консоли разработчика.

Преобразование любого компонента в React/JSX

Вы можете конвертировать любой компонент в JSX.

Вы можете получить любой раздел, который скопируете, как компонент React/JSX. Код проверять не нужно.

Даже если сайт не использует React.

DivMagic Studio Интеграция

Вы можете экспортировать скопированный элемент в DivMagic Studio.

Это позволит вам легко редактировать элемент и вносить в него изменения.

Вы можете сохранить свои компоненты в DivMagic Studio и посещать их в любое время.

DivMagic Toolbox

Все инструменты, необходимые для веб-разработки, в одном месте.

Вы можете копировать шрифты с веб-сайтов и напрямую использовать их в своих проектах. Вы можете копировать цвета с любого веб-сайта и напрямую использовать их в своих проектах. Конвертируйте любой цвет в любой формат. Добавьте сетки.

И более...

Все инструменты, необходимые для быстрого создания потрясающих веб-сайтов

Получите лучший дизайн, не тратя на него часы

ИНСПЕКТОР

Получите код любого элемента на любом сайте. DivMagic предоставляет наиболее компактный и понятный код для использования в ваших проектах.

КОНВЕРТЕР

Преобразуйте любой компонент в React/JSX. Вы можете получить любой раздел, который вы копируете, как компонент React/JSX. Независимо от структуры сайта.

Попутный ветер CSS

Преобразование CSS в CSS Tailwind. DivMagic преобразует любой CSS-код в Tailwind CSS (даже цвета!). Веб-сайт, с которого вы копируете, не должен использовать Tailwind CSS.

ПОДДЕРЖКА IFRAME

Скопируйте код из iframe. Некоторые веб-сайты помещают контент в iframe, чтобы вы не могли его скопировать. DivMagic может копировать код через iframe.

ОТВЕТСТВЕННЫЙ

Вы можете скопировать медиа-запрос копируемого элемента или страницы. Это сделает скопированный стиль адаптивным.

ИНТЕГРАЦИЯ С ИНТЕГРАЦИЯМИ

Используйте DivMagic прямо из инструментов разработки вашего браузера. Вы можете получить доступ ко всем функциям DivMagic, даже не открывая расширение.

СТУДИЙСКАЯ ИНТЕГРАЦИЯ

Вы можете экспортировать скопированный элемент в DivMagic Studio — мощный онлайн-редактор, позволяющий легко редактировать элемент и вносить в него изменения.

ПОЛНАЯ СТРАНИЦА

Вы можете копировать целые страницы одним щелчком мыши.

ИНТЕГРАЦИЯ С ВОРДПРЕСС

Вы можете экспортировать скопированный элемент в WordPress (HTML в WordPress Gutenberg). Это позволит вам использовать скопированный элемент в редакторе WordPress Gutenberg.

Подробная информация здесь

ЯЩИК ДЛЯ ИНСТРУМЕНТОВ

Все инструменты, необходимые для веб-разработки, в одном месте. Живое редактирование, палитра цветов, отладчик и многое другое.

КОПИРОВАНИЕ ШРИФТОВ

Вы можете копировать шрифты с веб-сайтов и напрямую использовать их в своих проектах.

ВЫБОР ЦВЕТА

Вы можете копировать цвета с любого веб-сайта и напрямую использовать их в своих проектах. Конвертируйте любой цвет в любой формат.

Полюбился
разработчикам
и
дизайнерам

“Удивительный! Это увеличило мою производительность в 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. Простота пользовательского интерфейса и UX — это то, что мне нравится больше всего.”

Steven J.

“Я очень рекомендую, это волшебство!”

Javier

“Теперь воровать дизайны стало еще проще! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Отличный инструмент, его ценность намного превосходит его стоимость.”

testimonial author
Bryan Brooks

DivMagic — это сокровище, просто лучший инструмент, позволяющий получить этот раздел веб-страницы и идеально донести его до вас. Попробуйте, вы вернете деньги за сэкономленные дни.”

testimonial author
Victor Rhea

“Отличный платный инструмент, стоящий своих денег!”

testimonial author
Daniro

Отличный инструмент, позволяющий сэкономить много времени. Если вы разработчик и хотите быстро создать дизайн пользовательского интерфейса, этот инструмент подойдет вам идеально.”

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

“В прошлом я тестировал более трех подобных инструментов. 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 разработчиков

"Окупается практически мгновенно"

Брендан — пользователь DivMagic

Гарантированно сэкономим ваше время и деньги

  • Пожизненный доступ
  • Доступно для Google Chrome
  • Все браузеры на базе Chromium
  • Доступно для Firefox
  • Использовать на 2 устройствах
  • Интеграция с DivMagic Studio
  • Включает все будущие обновления
  • Самая быстрая поддержка
  • Неограниченное использование
  • Гарантия возврата денег
🎁 Сэкономьте 145 долларов США — скидка действует ограниченное время.
$345
$200
Единоразовый платеж – платите один раз, пользуйтесь навсегда
Получить сейчас

Ежемесячно

$16/месяц

Включены все функции DivMagic.
Отменить в любое время

Ежегодно

$96/год

Включены все функции DivMagic.
Отменить в любое время

"Клиенты всегда приходят с дизайном, который им нравится, и мы можем легко скопировать его с помощью DivMagic. Определенно незаменимый инструмент для нашего агентства. Сэкономили нам бесчисленное количество часов!"

Эндрю — пользователь DivMagic и владелец агентства

Гарантированно повысим производительность вашей команды

  • Ротация членов команды по мере необходимости
  • Отменить в любое время
  • Библиотека компонентов команды
  • Интеграция Team Studio (скоро)

План команды

$20/месяц

на каждого члена команды
Получить план команды

Часто задаваемые вопросы

Что делает DivMagic?

DivMagic позволяет с легкостью копировать, конвертировать и использовать веб-элементы. Это универсальный инструмент, который конвертирует HTML и CSS в несколько форматов, включая встроенный CSS, внешний CSS, локальный CSS и Tailwind CSS.

Вы можете скопировать любой элемент с любого веб-сайта как компонент многократного использования и вставить его непосредственно в свою кодовую базу.

Как мне его использовать?

Сначала установите расширение DivMagic. Перейдите на любой веб-сайт и щелкните значок расширения. Затем выберите любой элемент на странице. Код в выбранном вами формате будет скопирован и готов для вставки в ваш проект.

Вы можете посмотреть демонстрационное видео, чтобы увидеть, как это работает.

Какие браузеры поддерживаются?

Вы можете получить расширение для Chrome и Firefox.

Расширение Chrome работает во всех браузерах на базе Chromium, таких как Brave и Edge.

Какова политика возврата?

Если вы не удовлетворены DivMagic, отправьте нам электронное письмо в течение 30 дней с момента покупки, и мы вернем вам деньги без каких-либо вопросов.

support@divmagic.com

Как мне изменить свою подписку?

Вы можете изменить свою подписку, перейдя на клиентский портал.
Клиентский портал

Это работает на всех сайтах?

Да. Он скопирует любой элемент с любого веб-сайта, преобразуя его в выбранный вами формат. Вы даже можете копировать элементы, защищенные iframe.

Веб-сайт, который вы копируете, может быть создан на любой платформе, DivMagic будет работать на всех из них.

Некоторые элементы встречаются редко, но могут копироваться не идеально. Если вы обнаружите такие элементы, сообщите нам о них.

Даже если элемент скопирован неправильно, вы все равно можете использовать скопированный код в качестве отправной точки и вносить в него изменения.

Работает ли преобразование CSS Tailwind на всех веб-сайтах?

Да. Веб-сайт, который вы копируете, может быть создан на любой платформе, DivMagic будет работать на всех из них.

Веб-сайт не обязательно должен быть создан с использованием Tailwind CSS: DivMagic преобразует CSS в Tailwind CSS за вас.

Каковы ограничения?

Самым большим ограничением являются веб-сайты, которые используют JavaScript для изменения отображения содержимого страницы. В таких случаях скопированный код может быть неправильным. Если вы обнаружите такой элемент, пожалуйста, сообщите нам об этом.

Даже если элемент скопирован неправильно, вы все равно можете использовать скопированный код в качестве отправной точки и вносить в него изменения.

Как часто выходят обновления для DivMagic?

DivMagic регулярно обновляется. Мы постоянно добавляем новые функции и улучшаем существующие.

Мы выпускаем обновление каждые 1-2 недели. Список всех обновлений смотрите в нашем журнале изменений.

Журнал изменений

Что произойдет с моим счетом для единовременного платежа, если DivMagic закроется?

Мы хотим, чтобы вы чувствовали себя в безопасности при покупке. Мы планируем работать очень долго, но если DivMagic когда-нибудь закроется, мы отправим код расширения всем пользователям, сделавшим единовременный платеж, что позволит вам использовать его в автономном режиме неограниченное время.

Хотите оставаться в курсе событий?
Присоединяйтесь к списку рассылки DivMagic!

Будьте первым, кто узнает о новостях, новых функциях и многом другом!

Отписаться в любое время. Без спама.

© 2024 DivMagic, Inc. Все права защищены.