12 migliori plugin Adobe XD per ogni designer
Varie / / November 29, 2021
C'è stato un tempo in cui ci affidavamo ad Adobe Photoshop per ogni esigenza di progettazione. Ora abbiamo app e software dedicati per ogni caso d'uso. Per la progettazione UI/UX, il mercato è invaso da opzioni come Sketch, Figma, InVision e Adobe XD. Tra questi, se sei investito in un ecosistema Adobe, Adobe XD diventa una scelta naturale per te. Usando i plugin XD, puoi portare l'esperienza a un livello superiore.
I plugin svolgono un ruolo fondamentale in qualsiasi software UI/UX. Sono simili a come usi le estensioni per un browser. Una serie di aziende di alto profilo come Dribbble, Airtable e Stark hanno portato i loro strumenti e servizi direttamente in XD non appena è stata annunciata la piattaforma aperta. Esploriamo alcuni dei migliori plugin per Adobe XD.
Nota: Nell'app Adobe XD troverai il negozio di plug-in. Cerca semplicemente il nome del plug-in nella barra di ricerca e installalo sul dispositivo.
Anche su Guiding Tech
1. Trello
Con il lavoro da casa che sta diventando una nuova norma in questi giorni, molte aziende si affidano a soluzioni per la gestione dei progetti come Trello, Asana e Jira per portare a termine il lavoro. Se il tuo team di designer utilizza Trello per gestire le attività UI/UX, allora Trello è il plug-in indispensabile per il tuo team.
Con il plug-in Trello, i designer possono inviare facilmente le loro risorse XD a Trello, consentendo loro di condividere le tavole da disegno con il team senza dover lasciare Adobe XD.
2. Photosplash 2
Di tanto in tanto, ti imbatti in un punto in cui desideri utilizzare un'immagine royalty-free in un mockup dell'interfaccia utente. La normale routine include la ricerca di un'immagine sul Web, il download sul computer e l'importazione nel software XD. Invece, puoi semplicemente optare per il plug-in Photosplash 2 e aggiungere immagini direttamente al programma XD.
3. XD a Flutter
Il linguaggio Flutter di Google sta diventando popolare tra gli sviluppatori in questi giorni. Con una sola riga di codice puoi creare app sia per iOS che per Android. L'azienda di recente aggiunto il supporto per le app web anche.
Con il plug-in da XD a Flutter, puoi generare codice per creare app con Flutter in base ai tuoi progetti in Adobe XD. Il plugin genera codice per qualsiasi elemento selezionato in XD, sia per i singoli oggetti sulla tela che per intere tavole da disegno.
Quando apporti modifiche in XD, puoi semplicemente eseguire nuovamente il plug-in e aggiornare il codice generato.
4. Annulla disegno
Un mockup è incompiuto senza utilizzare alcuna illustrazione. Invece di cercarli per ore sul web, puoi semplicemente usare il plugin UnDraw che ha una vasta collezione di illustrazioni. Il plugin ospita una raccolta costantemente aggiornata di illustrazioni .svg, completamente personalizzabili e che puoi utilizzare gratuitamente e senza attribuzione, anche in progetti commerciali.
Lo usiamo in ogni progetto di design e ti consigliamo vivamente di provarlo.
5. Facce dell'interfaccia utente
Ogni designer ha bisogno di quelle immagini del profilo da utilizzare nei progetti UI/UX. UI Faces Plugin per XD aggrega migliaia di avatar che puoi filtrare per creare i tuoi personaggi perfetti. Gli avatar vengono filtrati da varie fonti. Puoi selezionarli per età, sesso, emozione, ecc.
6. Angolo
Dopo aver completato il progetto di design, potresti volerlo mostrare al tuo cliente su un modello di dispositivo. Usando il plug-in Angel mockup, puoi creare bellissimi prototipi per fare una solida prima impressione.
Il team GT ama usare prototipi e incredibili colpi di dribbling. L'angolo è uno dei plugin più popolari e incredibili che ogni amante dei mockup deve provare.
Anche su Guiding Tech
7. Icone 4 disegni
Questo non ha bisogno di presentazioni. Ogni designer ha bisogno di quelle icone colorate e minimaliste da implementare nel design. Icons 4 ti consente di cercare un'icona per nome e di posizionare tali icone nell'elenco dei risultati con un clic, risultando in un'icona basata su vettori e completamente modificabile.
La collezione comprende una dozzina di collezioni di icone popolari in una gamma di stili. Avanti, provaci. Siamo sicuri che non rimarrai deluso.
8. Lorem Ipsum
Questo è un altro plugin importante per ogni designer. Durante un progetto, potrebbe essere necessario utilizzare quei testi falsi. Lorem Ipsum è un modo standard del settore per mostrare il testo in un mockup dell'interfaccia utente. Esistono siti Web dedicati che ti consentono di copiare il testo in base alle tue esigenze.
Usando il plugin Lorem Ipsum, puoi semplicemente ottenere quei testi senza uscire dal programma Adobe XD.
9. Rinominalo
Abbiamo passato tutti più tempo di quanto vorremmo ammettere a organizzare e rinominare livelli e tavole da disegno. Rinomina Consente di rinominare tutti i livelli in sequenza in ordine crescente o decrescente, nonché di cambiare il nome del livello in meno tempo rispetto alla ridenominazione di pochi livelli. Consente anche di trovare e sostituire parole o caratteri con semplici scorciatoie da tastiera.
10. Segnalibro
Se lavori con molti design e tavole da disegno e a volte hai difficoltà a trovare la particolare tavola da disegno, prova il plug-in Segnalibri. Questo plugin ti consente di aggiungere un segnalibro a una particolare tavola da disegno e ogni volta che esegui e fai clic su quel particolare segnalibro, lo stato attivo dello schermo andrà a quella particolare tavola da disegno.
11. ColoreSpark
Abbiamo visto molti designer dell'interfaccia utente alle prese con scelte e combinazioni di colori durante tutto il progetto. Ci sono strumenti dedicati sul web che ti aiutano a prendere una decisione migliore. Ma ColorSpark per Adobe XD batte ognuno con un generatore di colori integrato per colori e sfumature casuali.
Aiuta i designer a scoprire tavolozze di colori uniche e a stimolare la creatività.
12. allentato
Combina lavoro creativo e lavoro di squadra con allentato. I designer possono facilmente condividere e visualizzare in anteprima i file dalle applicazioni, incluso Adobe XD, ricevere feedback e rimanere aggiornati sulle azioni intraprese sulle loro risorse.
Con la sua cronologia ricercabile, la conversazione organizzata e l'integrazione delle app, il plug-in Slack è il modo perfetto per collaborare e ottenere input chiari ed efficienti sul tuo progetto dall'inizio alla fine.
Anche su Guiding Tech
Crea fantastici design dell'interfaccia utente
Adobe XD è una soluzione perfetta se hai investito nell'ecosistema Adobe. E a differenza di Sketch, è disponibile sia su Windows che su Mac e non costa nulla provare un paio di progetti. Scorri l'elenco dei plug-in sopra e accendi le tue capacità di progettazione con Adobe XD.
Prossimo: Stai cercando di esportare il design Adobe XD in un codice HTML? Leggi il post qui sotto per sapere come ottenerlo.