divmagic DivMagic

Copia il design da qualsiasi sito web

Un'estensione del browser che ti consente di copiare il codice di qualsiasi elemento del sito web con un clic

Usato da

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ migliaia di altri sviluppatori!

Utilizzato dagli sviluppatori su

SCELTO DA PIÙ DI 4000 SVILUPPATORI
divmagic

Riduci significativamente i tempi di sviluppo

Ottieni il codice di qualsiasi elemento su qualsiasi sito web

Puoi ottenere il codice HTML/CSS di qualsiasi elemento su qualsiasi sito web.
Con un clic puoi copiare il codice di qualsiasi elemento su qualsiasi sito web.
Se lo desideri, puoi anche copiare pagine intere con un clic.

Media Query Assistenza (responsive)

Puoi copiare la media query dell'elemento che stai copiando.

Ciò renderà reattivo lo stile copiato.

Converti CSS in CSS Tailwind

Puoi convertire qualsiasi codice CSS in Tailwind CSS.

Non è necessario che il sito web da cui stai copiando utilizzi Tailwind CSS.

DivMagic convertirà qualsiasi codice CSS in Tailwind CSS (anche i colori!)

Copia il codice tramite iframe

Puoi copiare il codice da iframe.

Alcuni siti Web inseriscono i contenuti negli iframe per impedirti di copiarli. DivMagic può copiare il codice tramite iframe.

DevTools Integrazione

Utilizza DivMagic direttamente dagli strumenti di sviluppo del tuo browser

Puoi accedere alla potenza di DivMagic senza nemmeno aprire l'estensione

Trasforma e acquisisci elementi web in componenti riutilizzabili, il tutto rimanendo nella tua console per sviluppatori.

Converti qualsiasi componente in React/JSX

Puoi convertire qualsiasi componente in JSX.

Puoi ottenere qualsiasi sezione che copi come componente React/JSX. Non è necessario controllare il codice.

Anche se il sito Web non utilizza React.

DivMagic Studio Integrazione

È possibile esportare l'elemento copiato in DivMagic Studio.

Ciò ti consentirà di modificare l'elemento e apportarvi modifiche facilmente.

Puoi salvare i tuoi componenti in DivMagic Studio e visitarli in qualsiasi momento.

Tutti gli strumenti di cui hai bisogno per creare siti web straordinari più velocemente

Ottieni il miglior design, senza dedicarci ore

ISPETTORE

Ottieni il codice di qualsiasi elemento su qualsiasi sito web. DivMagic fornisce il codice più compatto e pulito da utilizzare nei tuoi progetti.

CONVERTITORE

Converti qualsiasi componente in React/JSX. Puoi ottenere qualsiasi sezione che copi come componente React/JSX. Indipendentemente dalla struttura del sito web.

CSS TAILWIND

Converti CSS in CSS Tailwind. DivMagic convertirà qualsiasi codice CSS in Tailwind CSS (anche i colori!). Non è necessario che il sito web da cui stai copiando utilizzi Tailwind CSS.

SUPPORTO IFRAME

Copia il codice da iframe. Alcuni siti Web inseriscono i contenuti negli iframe per impedirti di copiarli. DivMagic può copiare il codice tramite iframe.

REATTIVO

Puoi copiare la query multimediale dell'elemento o della pagina che stai copiando. Ciò renderà reattivo lo stile copiato.

INTEGRAZIONE DEVTOOL

Utilizza DivMagic direttamente dagli strumenti di sviluppo del tuo browser. Puoi accedere a tutte le funzionalità di DivMagic senza mai far apparire l'estensione.

INTEGRAZIONE DEGLI STUDIO

Puoi esportare l'elemento copiato in DivMagic Studio, un potente editor online per modificare l'elemento e apportarvi modifiche facilmente.

COPIA A PAGINA INTERA

Puoi copiare pagine intere con un clic.

INTEGRAZIONE WORDPRESS

(DISPONIBILE A BREVE) - Puoi esportare l'elemento copiato su WordPress. Ciò ti consentirà di utilizzare l'elemento copiato nell'editor di WordPress.

COPIA DEI FONT

(DISPONIBILE A BREVE) - Puoi copiare caratteri da siti Web e utilizzarli direttamente nei tuoi progetti.

CASSETTA DEGLI ATTREZZI

(DISPONIBILE A BREVE) - Tutti gli strumenti necessari per lo sviluppo web in un unico posto. Modifiche in tempo reale, selettore colori, debugger e altro ancora.

Amato
da
sviluppatori
e
designer

“Sorprendente! Ciò ha aumentato la mia produttività di 1000 volte. È così facile copiare il codice Tailwind per materiale esistente su Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Incredibilmente utile! Non c'è dubbio che fa risparmiare molto tempo!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Un'estensione di Chrome per convertire gli elementi direttamente in Tailwind CSS (compresi i colori).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Proprio quello che stavo cercando! Funziona bene con quello che provo.”

testimonial author
Will Bowman

Funziona alla grande! L'output è molto piccolo, il che lo rende molto facile da modificare per il mio caso d'uso!”

Nichole Peterson

Lo sviluppatore front-end DEVE!! Mi è davvero piaciuto il modo in cui funziona bene con React e Tailwind. La facilità dell'interfaccia utente e della UX è ciò che mi piace di più.”

Steven J.

“Lo lo consiglio vivamente, è magico!”

Javier

“Ora posso rubare i disegni ancora più facilmente! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Ottimo strumento, il suo valore va ben oltre il suo costo.”

testimonial author
Bryan Brooks

DivMagic è un tesoro, semplicemente lo strumento migliore per ottenere quella sezione di una pagina web e presentartela perfettamente. Provalo, il costo che ti verrà restituito in tempo sarà risparmiato in pochi giorni.”

testimonial author
Victor Rhea

“Ottimo strumento a pagamento, vale i soldi spesi!”

testimonial author
Daniro

Ottimo strumento e un enorme risparmio di tempo. Se sei uno sviluppatore e desideri un modo rapido per ottenere la progettazione dell'interfaccia utente, questo strumento è fantastico.”

testimonial author
Martin Young

“È bello averlo sul mio browser”

testimonial author
Reza Hartana

“Ottimo strumento che ti farà risparmiare molto tempo nello sviluppo.”

testimonial author
Jackie Chong

Funziona incredibilmente bene - Anche con React + TailwindCSS. Molto impressionato.”

testimonial author
J L

“Strumento straordinario! Adoro l'uso potente e la facilità con cui funziona. Se sei uno sviluppatore, non pensarci due volte e assicurati di ottenerlo.

testimonial author
Giuliani Prosecutor

“Strumento fantastico. Abbinato ai componenti Tailwind, puoi facilmente risparmiare ore entro i primi 30 minuti di utilizzo. Si ripaga quasi istantaneamente.”

testimonial author
Brendan OC

“Ho testato più di 3 strumenti simili in passato: DivMagic è di gran lunga uno dei migliori in termini di qualità.

testimonial author
John Techozens

“Strumento straordinario, se crei siti web sai che questo è un gioco da ragazzi. Ho risparmiato tonnellate di ore giocando con modelli e modificando CSS.”

testimonial author
Kevin McGrew

Prezzi

Funziona su ogni sito web

Disponibile per Chrome e Firefox

Politica di rimborso completa

Utilizzato da più di 4000 sviluppatori

Supporto dedicato e veloce
Aggiornamenti costanti e nuove funzionalità

Mensile

$16/mese

Tasse locali o IVA escluse, se applicabili

  • Disponibile per Google Chrome (inclusi tutti i browser basati su Chromium come Brave, Edge, ecc.)

  • Disponibile per Firefox

  • Utilizzalo su tutti i dispositivi che desideri

  • Integrazione di DivMagic Studio

  • Include tutti gli aggiornamenti e le funzionalità futuri

  • Soddisfatti o rimborsati

Annuale

$96/anno

Tasse locali o IVA escluse, se applicabili

  • Salva - 6 mesi gratuiti

  • Disponibile per Google Chrome (inclusi tutti i browser basati su Chromium come Brave, Edge, ecc.)

  • Disponibile per Firefox

  • Utilizzalo su tutti i dispositivi che desideri

  • Integrazione di DivMagic Studio

  • Include tutti gli aggiornamenti e le funzionalità futuri

  • Soddisfatti o rimborsati

🎁

Sconto limitato!!!

Pagamento unico

Più popolare
$300
$200

Tasse locali o IVA escluse, se applicabili

  • Accesso a vita

  • Disponibile per Google Chrome (inclusi tutti i browser basati su Chromium come Brave, Edge, ecc.)

  • Disponibile per Firefox

  • Utilizzalo su tutti i dispositivi che desideri

  • Integrazione di DivMagic Studio

  • Include tutti gli aggiornamenti e le funzionalità futuri

  • Soddisfatti o rimborsati

Domande frequenti

Cosa fa DivMagic?

DivMagic ti consente di copiare, convertire e utilizzare elementi web con facilità. È uno strumento versatile che converte HTML e CSS in diversi formati, inclusi CSS in linea, CSS esterno, CSS locale e CSS Tailwind.

Puoi copiare qualsiasi elemento da qualsiasi sito web come componente riutilizzabile e incollarlo direttamente nella tua codebase.

Come lo uso?

Innanzitutto, installa l'estensione DivMagic. Passare a qualsiasi sito Web e fare clic sull'icona dell'estensione. Quindi, seleziona qualsiasi elemento sulla pagina. Il codice, nel formato selezionato, verrà copiato e pronto per essere incollato nel tuo progetto.

Puoi guardare il video dimostrativo per vedere come funziona

Quali sono i browser supportati?

Puoi ottenere l'estensione per Chrome e Firefox.

L'estensione Chrome funziona su tutti i browser basati su Chromium come Brave ed Edge.

Qual è la politica di rimborso?

Se non sei soddisfatto di DivMagic, inviaci un'e-mail entro 30 giorni dall'acquisto e ti rimborseremo i soldi, senza fare domande.

support@divmagic.com

Come modifico il mio abbonamento?

Puoi modificare il tuo abbonamento accedendo al portale clienti.
Portale clienti

Funziona su tutti i siti web?

SÌ. Copierà qualsiasi elemento da qualsiasi sito web, convertendolo nel formato scelto. Puoi anche copiare elementi protetti da un iframe.

Il sito web che stai copiando può essere creato con qualsiasi framework, DivMagic funzionerà su tutti.

Anche se rari, alcuni elementi potrebbero non essere copiati perfettamente: se ne riscontri, segnalacelo.

Anche se l'elemento non viene copiato correttamente, puoi comunque utilizzare il codice copiato come punto di partenza e apportarvi modifiche.

La conversione CSS Tailwind funziona su tutti i siti Web?

SÌ. Il sito web che stai copiando può essere creato con qualsiasi framework, DivMagic funzionerà su tutti.

Non è necessario che il sito web sia creato con Tailwind CSS, DivMagic convertirà il CSS in Tailwind CSS per te.

Quali sono le limitazioni?

La limitazione più grande sono i siti Web che utilizzano JavaScript per modificare la visualizzazione del contenuto della pagina. In questi casi, il codice copiato potrebbe non essere corretto. Se trovi qualche elemento di questo tipo, segnalacelo.

Anche se l'elemento non viene copiato correttamente, puoi comunque utilizzare il codice copiato come punto di partenza e apportarvi modifiche.

Con quale frequenza è disponibile un aggiornamento per DivMagic?

DivMagic viene aggiornato regolarmente. Aggiungiamo costantemente nuove funzionalità e miglioriamo quelle esistenti.

Rilasciamo un aggiornamento ogni 1-2 settimane. Consulta il nostro registro delle modifiche per un elenco di tutti gli aggiornamenti.

Registro delle modifiche

Vuoi rimanere sempre aggiornato?
Unisciti alla mailing list DivMagic!

Sii il primo a conoscere novità, nuove funzionalità e altro ancora!

Annulla l'iscrizione in qualsiasi momento. Niente spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Tutti i diritti riservati.