divmagic DivMagic

Copiez le design de n'importe quel site Web

Une extension de navigateur qui vous permet de copier le code de n'importe quel élément d'un site Web en un seul clic

Utilisé par

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ des milliers d'autres développeurs !

Utilisé par les développeurs de

CONFIÉ PAR +4000 DÉVELOPPEURS
divmagic

Réduisez considérablement votre temps de développement

Obtenez le code de n’importe quel élément sur n’importe quel site Web

Vous pouvez obtenir le code HTML/CSS de n’importe quel élément sur n’importe quel site Web.
En un clic, vous pouvez copier le code de n’importe quel élément de n’importe quel site Web.
Vous pouvez également copier des pages entières en un seul clic si vous le souhaitez.

Media Query Support (réactif)

Vous pouvez copier la requête multimédia de l'élément que vous copiez.

Cela rendra le style copié réactif.

Convertir CSS en CSS Tailwind

Vous pouvez convertir n'importe quel code CSS en Tailwind CSS.

Le site Web à partir duquel vous copiez n’a pas besoin d’utiliser Tailwind CSS.

DivMagic convertira n'importe quel code CSS en CSS Tailwind (même les couleurs !)

Copier le code via des iframes

Vous pouvez copier le code des iframes.

Certains sites Web mettent le contenu dans des iframes pour vous empêcher de le copier. DivMagic peut copier du code via des iframes.

DevTools Intégration

Utilisez DivMagic directement depuis les outils de développement de votre navigateur

Vous pouvez accéder à la puissance de DivMagic sans jamais afficher l'extension

Transformez et capturez des éléments Web en composants réutilisables, tout en restant dans votre console de développeur.

Convertissez n'importe quel composant en React/JSX

Vous pouvez convertir n'importe quel composant en JSX.

Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant React/JSX. Pas besoin d'inspecter le code.

Même si le site n'utilise pas React.

DivMagic Studio Intégration

Vous pouvez exporter l'élément copié vers DivMagic Studio.

Cela vous permettra de modifier l'élément et d'y apporter des modifications facilement.

Vous pouvez enregistrer vos composants dans DivMagic Studio et les visiter à tout moment.

Tous les outils dont vous avez besoin pour créer des sites Web époustouflants plus rapidement

Obtenez le meilleur design, sans y consacrer des heures

INSPECTEUR

Obtenez le code de n’importe quel élément sur n’importe quel site Web. DivMagic fournit le code le plus compact et le plus propre que vous puissiez utiliser dans vos projets.

CONVERTISSEUR

Convertissez n'importe quel composant en React/JSX. Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant React/JSX. Quel que soit le cadre du site Web.

CSS VENT ARRIÈRE

Convertissez CSS en CSS Tailwind. DivMagic convertira n'importe quel code CSS en Tailwind CSS (même les couleurs !). Le site Web à partir duquel vous copiez n’a pas besoin d’utiliser Tailwind CSS.

PRISE EN CHARGE DES IFRAME

Copiez le code des iframes. Certains sites Web mettent le contenu dans des iframes pour vous empêcher de le copier. DivMagic peut copier du code via des iframes.

SENSIBLE

Vous pouvez copier la requête multimédia de l'élément ou de la page que vous copiez. Cela rendra le style copié réactif.

INTÉGRATION DES OUTILS DE DÉVELOPPEMENT

Utilisez DivMagic directement depuis les outils de développement de votre navigateur. Vous pouvez accéder à toutes les fonctionnalités de DivMagic sans jamais afficher l'extension.

INTÉGRATION DES STUDIOS

Vous pouvez exporter l'élément copié vers DivMagic Studio - un puissant éditeur en ligne pour éditer l'élément et y apporter des modifications facilement.

COPIE PLEINE PAGE

Vous pouvez copier des pages entières en un seul clic.

INTÉGRATION WORDPRESS

(BIENTÔT À VENIR) - Vous pouvez exporter l'élément copié vers WordPress. Cela vous permettra d'utiliser l'élément copié dans l'éditeur WordPress.

COPIE DE POLICE

(BIENTÔT À VENIR) - Vous pouvez copier des polices de sites Web et les utiliser directement dans vos projets.

BOÎTE À OUTILS

(BIENTÔT À VENIR) - Tous les outils dont vous aurez besoin pour le développement Web en un seul endroit. Modifications en direct, sélecteur de couleurs, débogueur et bien plus encore.

Aimé
par
les
développeurs
et
les
concepteurs

“Incroyable! Cela a multiplié par 1 000 ma productivité. Il est si facile de copier le code Tailwind pour des éléments existants sur Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Incroyablement utile ! Il ne fait aucun doute que cela permet de gagner beaucoup de temps !”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Une extension Chrome pour convertir des éléments directement en CSS Tailwind (y compris les couleurs).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Exactement ce que je cherchais ! Je travaille bien sur ce que j'essaie.”

testimonial author
Will Bowman

Fonctionne très bien ! La sortie est très petite, ce qui la rend très facile à modifier pour mon cas d'utilisation !”

Nichole Peterson

Les développeurs front-end DOIVENT !! J'ai vraiment adoré la façon dont cela fonctionne bien avec React et Tailwind. La facilité de l’UI et de l’UX est ce que j’aime le plus.”

Steven J.

“Je le recommande vivement, c'est magique !”

Javier

“Maintenant, je peux voler des designs encore plus facilement ! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Excellent outil, sa valeur est bien au-delà de son coût.”

testimonial author
Bryan Brooks

DivMagic est un trésor, tout simplement le meilleur outil pour obtenir cette section d'une page Web et vous l'apporter parfaitement. Essayez-le, le coût vous sera remboursé en temps économisé en jours.”

testimonial author
Victor Rhea

“Excellent outil payant, qui vaut son prix !”

testimonial author
Daniro

Excellent outil et gain de temps considérable. Si vous êtes un développeur et souhaitez obtenir un moyen rapide d'obtenir une conception d'interface utilisateur, cet outil est génial.”

testimonial author
Martin Young

“C'est sympa de l'avoir sur mon navigateur”

testimonial author
Reza Hartana

“Excellent outil qui va vous faire gagner beaucoup de temps dans le développement.”

testimonial author
Jackie Chong

Fonctionne incroyablement bien - Même avec React + TailwindCSS. Très impressionné.”

testimonial author
J L

“Outil incroyable ! J’aime l’utilisation puissante et la facilité avec laquelle il fonctionne. Si vous êtes un développeur, n'hésitez pas et assurez-vous de l'obtenir.

testimonial author
Giuliani Prosecutor

“Outil fantastique. Associé aux composants Tailwind, vous pouvez facilement gagner des heures au cours des 30 premières minutes d'utilisation. Se rentabilise presque instantanément.”

testimonial author
Brendan OC

“J'ai testé plus de 3 outils similaires dans le passé - DivMagic est de loin l'un des meilleurs en termes de qualité.

testimonial author
John Techozens

“Outil incroyable, si vous créez des sites Web, vous savez que c'est une évidence. J'ai économisé des tonnes d'heures en jouant avec des modèles et en modifiant des CSS.”

testimonial author
Kevin McGrew

Tarifs

Fonctionne sur tous les sites Web

Disponible pour Chrome et Firefox

Politique de remboursement complet

Utilisé par +4 000 développeurs

Support dédié et rapide
Mises à jour constantes et nouvelles fonctionnalités

Mensuel

$16/mois

Hors taxes locales ou TVA si applicable

  • Disponible pour Google Chrome (y compris tous les navigateurs basés sur Chromium comme Brave, Edge, etc.)

  • Disponible pour Firefox

  • Utilisez sur autant d'appareils que vous le souhaitez

  • Intégration de DivMagic Studio

  • Comprend toutes les futures mises à jour et fonctionnalités

  • Garantie de remboursement

Annuel

$96/année

Hors taxes locales ou TVA si applicable

  • Sauvegarder - 6 mois gratuits

  • Disponible pour Google Chrome (y compris tous les navigateurs basés sur Chromium comme Brave, Edge, etc.)

  • Disponible pour Firefox

  • Utilisez sur autant d'appareils que vous le souhaitez

  • Intégration de DivMagic Studio

  • Comprend toutes les futures mises à jour et fonctionnalités

  • Garantie de remboursement

🎁

Remise limitée !!!

Paiement unique

Le plus populaire
$300
$200

Hors taxes locales ou TVA si applicable

  • Accès à vie

  • Disponible pour Google Chrome (y compris tous les navigateurs basés sur Chromium comme Brave, Edge, etc.)

  • Disponible pour Firefox

  • Utilisez sur autant d'appareils que vous le souhaitez

  • Intégration de DivMagic Studio

  • Comprend toutes les futures mises à jour et fonctionnalités

  • Garantie de remboursement

Questions fréquemment posées

Que fait DivMagic ?

DivMagic vous permet de copier, convertir et utiliser facilement des éléments Web. Il s'agit d'un outil polyvalent qui convertit le HTML et le CSS en plusieurs formats, notamment le CSS en ligne, le CSS externe, le CSS local et le CSS Tailwind.

Vous pouvez copier n'importe quel élément de n'importe quel site Web en tant que composant réutilisable et le coller directement dans votre base de code.

Comment puis-je l'utiliser ?

Tout d’abord, installez l’extension DivMagic. Accédez à n’importe quel site Web et cliquez sur l’icône d’extension. Ensuite, sélectionnez n’importe quel élément de la page. Le code - dans le format sélectionné - sera copié et prêt à être collé dans votre projet.

Vous pouvez regarder la vidéo de démonstration pour voir comment cela fonctionne

Quels sont les navigateurs pris en charge ?

Vous pouvez obtenir l'extension pour Chrome et Firefox.

L'extension Chrome fonctionne sur tous les navigateurs basés sur Chromium comme Brave et Edge.

Quelle est la politique de remboursement ?

Si vous n'êtes pas satisfait de DivMagic, envoyez-nous un e-mail dans les 30 jours suivant votre achat et nous vous rembourserons votre argent, sans poser de questions.

support@divmagic.com

Comment modifier mon abonnement ?

Vous pouvez modifier votre abonnement en vous rendant sur le portail client.
Portail Clients

Est-ce que ça marche sur tous les sites internet ?

Oui. Il copiera n'importe quel élément de n'importe quel site Web, en le convertissant dans le format de votre choix. Vous pouvez même copier des éléments protégés par une iframe.

Le site Web que vous copiez peut être construit avec n’importe quel framework, DivMagic fonctionnera sur chacun d’eux.

Bien que rares, certains éléments peuvent ne pas être parfaitement copiés. Si vous en rencontrez, veuillez nous les signaler.

Même si l'élément n'est pas copié correctement, vous pouvez toujours utiliser le code copié comme point de départ et y apporter des modifications.

La conversion CSS Tailwind fonctionne-t-elle sur tous les sites Web ?

Oui. Le site Web que vous copiez peut être construit avec n’importe quel framework, DivMagic fonctionnera sur chacun d’eux.

Le site Web n'a pas besoin d'être construit avec Tailwind CSS, DivMagic convertira le CSS en Tailwind CSS pour vous.

Quelles sont les limites ?

La plus grande limitation concerne les sites Web qui utilisent JavaScript pour modifier l'affichage du contenu des pages. Dans de tels cas, le code copié peut ne pas être correct. Si vous trouvez un tel élément, merci de nous le signaler.

Même si l'élément n'est pas copié correctement, vous pouvez toujours utiliser le code copié comme point de départ et y apporter des modifications.

À quelle fréquence y a-t-il une mise à jour pour DivMagic ?

DivMagic est mis à jour régulièrement. Nous ajoutons constamment de nouvelles fonctionnalités et améliorons celles existantes.

Nous publions une mise à jour toutes les 1 à 2 semaines. Consultez notre journal des modifications pour une liste de toutes les mises à jour.

Journal des modifications

Voulez-vous rester à jour?
Rejoignez la liste de diffusion DivMagic !

Soyez le premier informé des actualités, des nouvelles fonctionnalités et bien plus encore !

Désabonnez-vous à tout moment. Pas de spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Tous droits réservés.