Valutazioni dell’editore: Valutazioni degli utenti:[Totale: 0 Media: 0] @media(larghezza minima: 500px) { } @media(larghezza minima: 800px) { }
Hai mai sentito il bisogno di convertire qualsiasi sito web in un design Figma per ridisegnare le tue pagine web o per aggiungere annotazioni. Bene, ecco un modo eccellente per farlo utilizzando un plugin Figma gratuito chiamato html.to.design.
html.to.design ti consente di convertire qualsiasi sito web a un design Figma completamente modificabile. Puoi quindi riprogettare il tuo sito web senza la necessità di creare ogni elemento da zero. Che tu stia riprogettando un vecchio sito Web o creando benchmark in Figma o raschiando risorse di progettazione dal Web, questo plug-in farà il lavoro per te in modo semplice e rapido.
html.to.design può essere molto utile quando desidera acquisire un sito Web per un moodboard senza acquisire schermate. Inoltre, i membri del team possono caricare una pagina Web modificabile per collaborare tra loro e fornire commenti e feedback. Gli scrittori di UX possono usarlo per generare copie diverse e ottenere un’istantanea di come apparirà esattamente. Ci sono molti di questi casi d’uso quando si tratta del plug-in html.to.design.
Esaminiamo rapidamente le sue Caratteristiche:
Importazioni in blocco: puoi facilmente importare più pagine contemporaneamente in pochi secondi. Una volta che l’importazione è stata eseguita con successo, le pagine sono pronte per essere annotate o ridisegnate.
Multi-viewport: puoi importare viewport desktop, mobile, tablet o laptop in un’unica girato senza la necessità di eseguire il plug-in molte volte.
Tema multiplo: puoi facilmente importare temi chiari e scuri fianco a fianco.
Generazione di stili di testo e colore: questa funzione beta sviluppa stili Figma locali per colore e testo.
Funzionamento:
1. Fai clic qui per accedere alla pagina dei plug-in della community di Figma, quindi fai clic su su’Try it out’installa il plugin html.to.design. Devi aver effettuato l’accesso al tuo account Figma per eseguire questo passaggio.
2. Ora verrai indirizzato a Figma e verrà creato un disegno vuoto. Successivamente, fai clic sul pulsante”Risorse”nella barra degli strumenti di Figma, scegli la scheda”Plugin”e fai clic su”Esegui”accanto al plug-in html.to.design.
3. Incolla l’URL del sito Web che desideri convertire in un design Figma. Fai clic sul menu a discesa per scegliere la visualizzazione come Desktop, Laptop, Telefono ecc.
4. Quindi scegli il tema richiesto (Chiaro/Scuro) facendo clic sul pulsante corrispondente e quindi su”Importa”
5. Attendi un po’mentre il plug-in analizza i tuoi input e converte il sito web in un design Figma.
6. Ora puoi andare avanti e aggiungere annotazioni, commenti o ridisegnare l’intero sito web in Figma secondo i tuoi requisiti.
Se la pagina web che desideri convertire è dietro un login o una VPN, devi installare l’html. to.design Chrome Extension in aggiunta al plug-in Figma. Fai clic qui per installare l’estensione. Per saperne di più, fai clic qui.
Chiusura Commenti:
html.to.design è un ottimo plugin che ti aiuta a convertire intere pagine web in progetti Figma completamente modificabili che puoi riprogettare interamente o utilizzare per commenti e annotazioni. Può anche essere molto utile eliminare le risorse di progettazione dal Web in modo facile e veloce.
