50 modelli di interfaccia utente Web e mobile gratuiti per Figma
Pubblicato: 2022-01-24Progettare un'interfaccia utente efficace non è un compito facile. Tuttavia, diventa molto più facile quando hai gli strumenti giusti a tua disposizione.
Il primo passo è trovare uno strumento con cui ti divertirai a lavorare e che abbia tutte le funzionalità di cui hai bisogno nel software di progettazione dell'interfaccia utente. Fortunatamente, Figma si adatta abbastanza bene a quel conto.
Una volta che hai lo strumento, puoi metterti rapidamente al lavoro e progettare una bella interfaccia utente. Tuttavia, la progettazione di un'interfaccia da zero può richiedere molto tempo. Considera invece l'utilizzo di un kit per l'interfaccia utente web o mobile per accelerare il processo di progettazione.
Utilizzando un kit di progettazione premade, non devi perdere tempo a creare ogni elemento dell'interfaccia utente da zero. Puoi concentrarti sulla disposizione di questi elementi nel modo più logico e visivamente accattivante.
Abbiamo raccolto i migliori kit e modelli di interfaccia utente mobile e web gratuiti per Figma, lo strumento di prototipazione estremamente popolare per i designer. Dai un'occhiata di seguito e scaricali sul tuo computer per risparmiare tempo sul tuo prossimo design dell'interfaccia utente.
- Kit di interfaccia utente mobile Figma
- Modelli di layout Web Figma
- Modelli e kit Figma Styleguide
- Set di icone Figma
- Modelli di diagramma di flusso Figma
Contenuto relativo
- 50 kit Wireframe gratuiti
- 50 kit di interfaccia utente mobile gratuiti
- 50 kit di interfaccia utente Web gratuiti
- 15 kit di interfaccia utente gratuiti per Bootstrap
- 20 kit di interfaccia utente gratuiti per Adobe XD
- 30 kit di interfaccia utente per la progettazione dei materiali gratuiti
- 20 kit di interfaccia utente gratuiti per Sketch
- Kit di interfaccia utente Web open source
Kit di interfaccia utente mobile Figma gratuiti
Libreria dei componenti dell'interfaccia utente di Nucleus
Nucleus è una libreria dell'interfaccia utente gratuita di 300 componenti e oltre 30 schermate. Ti fornirà tutti gli elementi costitutivi di cui hai bisogno per progettare rapidamente la tua prossima app mobile.
Kit interfaccia utente Grada Figma
Questo è un kit mobile dell'interfaccia utente bello e scuro per Figma. Ha una miriade di elementi necessari per creare ricche interfacce mobili, quindi assicurati di aggiungerlo alla tua libreria.
Kit di sopravvivenza per iOS Design
Pagina di destinazione dell'agenzia su Envato Elements
Usa questo modello di pagina di destinazione per portare rapidamente online la tua azienda e mostrare ciò che hai da offrire. Questo modello è facile da usare e personalizzare e include livelli e tavole da disegno ben organizzati.
Modello Ticketapp Figma
Se stai lavorando su un'app di ticketing, questo kit dell'interfaccia utente ti tornerà utile. Funziona sia con Figma che con Sketch e include elementi come schermate di acquisto dei biglietti, selezione del posto e altro.
Componenti di reazione dell'interfaccia utente materiale in Figma
Questo kit si basa sul Material Design di Google e incorpora componenti come barre, avatar, badge, pannelli di espansione e altro ancora. Il kit può essere utilizzato gratuitamente in progetti personali e commerciali ed è completamente compatibile con la libreria React Material-UI.
Modello Figma per dashboard chat
Considera questo kit mobile gratuito per l'interfaccia utente di Figma quando lavori su una dashboard di chat. Il kit include un'interfaccia a schermo intero per un'app di chat e puoi personalizzarla facilmente in base alle esigenze del tuo progetto.
Modello Wireframe finanziario per Figma
Questi wireframe finanziari per Figma torneranno utili ogni volta che è necessario creare un'interfaccia per un processore di pagamento, bancario, contabile o qualsiasi altra app finanziaria. Può essere utilizzato in progetti personali e commerciali.
Kit Deca per Figma
Deca è una libreria di componenti dell'interfaccia utente dal design accattivante. Con oltre 150 componenti, troverai tutto ciò di cui hai bisogno per completare rapidamente il tuo prossimo progetto.
Kit di interfaccia utente mobile del portafoglio di accesso per Figma
Crea facilmente una schermata di accesso al portafoglio mobile con l'aiuto di questo kit dell'interfaccia utente. Il kit è gratuito per progetti personali e può essere facilmente personalizzato con colori e caratteri a tua scelta.
Kit dell'interfaccia utente di Atro Mobile Figma
Questo bellissimo e minimale kit dell'interfaccia utente contiene 12 schermi diversi, così puoi facilmente dare vita alla tua visione dell'app. Il kit include varie icone, elementi dello schermo ed elementi completamente vettorializzati.
iOS iPhone GUI
Se hai bisogno di elementi dell'interfaccia utente di iOS 10, dai un'occhiata a questo kit. È stato progettato dal team di progettazione di Facebook e include elementi come barre di ricerca, cassetti, avatar, badge e altro ancora.
Modelli di layout Web Figma gratuiti
Modello di portafoglio reattivo
Scarica questo modello Figma di portfolio personale reattivo di 24 pagine. Include sia la versione desktop che mobile ed è anche compatibile con Sketch e Adobe XD.
34 pratici componenti dell'interfaccia utente
Invito all'azione blocca i modelli Figma
Gli inviti all'azione sono uno degli elementi più importanti di qualsiasi sito Web o app. Con l'aiuto di questo kit, sarai in grado di creare un blocco di invito all'azione ad alta conversione in pochissimo tempo.
Generatore di modelli di email Marka
Modelli di siti Web Createx (su Envato Elements)
Createx è una raccolta di cinque modelli di layout Web Figma per eCommerce, istruzione, agenzia creativa, marketing digitale e costruzione.
Libreria Wireframe per Figma
Questo è un semplice plug-in Figma per creare rapidamente wireframe, prototipi o semplicemente strutture dell'interfaccia utente di base.
UX Mind Free UI Kit
Plugin Figma reattivo ai punti di interruzione
Breakpoints è un nuovo plug-in gratuito che ti consente di testare layout di design reattivi all'interno di un frame Figma.

Modello di dashboard e statistiche Web Figma
Prova questo kit Figma se devi creare una dashboard web o un pannello delle statistiche. Il modello include un modello in modalità chiara e scura con una serie di componenti per aiutarti a creare una dashboard potente e moderna.
Modello di sito web di libreria Figma
Crea rapidamente un mockup del sito web di una libreria con l'aiuto di questo modello Figma. Il modello include un banner illustrato ed è gratuito per uso personale.
Kit Web brutalista per Figma
Se ami la tendenza brutalista, questo kit di interfaccia utente farà al caso tuo. Il modello include oltre 70 schermate con sezioni per testimonianze, servizi, membri del team e altro ancora. Il modello è gratuito per progetti personali e commerciali.
Modelli e Starter Kit Figma Styleguide gratuiti
Kit base Figma
Questo starter kit Figma contiene elementi di base dell'interfaccia utente come moduli, pulsanti e icone di base. È disponibile nelle versioni chiare e scure ed è gratuito per progetti personali e commerciali.
Kit Wireframe di carta su Envato Elements
Questo semplice kit wireframe è un'ottima scelta quando devi iniziare rapidamente a creare prototipi. Tutto quello che devi fare è selezionare i componenti di cui hai bisogno, rilasciarli sullo schermo e iniziare a personalizzarli.
Kit di progettazione del prodotto per Figma
Questo kit si propone come il kit di design definitivo per Figma. Puoi creare facilmente wireframe ad alta fedeltà, interfacce utente e guide di stile per prodotti desktop. È completamente personalizzabile e gratuito.
Kit interfaccia utente dashboard 2.0 su Envato Elements
Questo kit per l'interfaccia utente del dashboard è una scelta eccellente se devi simulare un dashboard di un'app Web o mobile. Viene fornito con schermi mobili completamente reattivi e include una raccolta di grafici, grafici, schermate di bordo, un set di icone e una guida di stile dettagliata.
Modelli Wireframe Figjam
Una libreria wireframe gratuita che aggiunge i componenti tanto necessari alla nuova lavagna online di Figma.
Guida allo stile dell'interfaccia utente del sistema di progettazione Figma
Se hai bisogno di creare un sistema di design in Figma, questo kit ha tutto ciò di cui hai bisogno. Il kit contiene motivi, tipografia, colore e altre impostazioni necessarie per creare una guida di stile completa.
Eggplore Figma UI StyleGuide
Questa è una guida allo stile dell'interfaccia utente semplice e gratuita per Figma che puoi scaricare, utilizzare e adattare alle tue esigenze. Il kit è gratuito per progetti personali e commerciali.
Sistema di progettazione dell'interfaccia utente dei pulsanti per Figma
Grazie a questo sistema di progettazione dell'interfaccia utente gratuito, puoi creare pulsanti in Figma in modo rapido e semplice. Il modello è gratuito per progetti personali e commerciali.
Modelli di mockup in argilla per iPhone
Una piccola raccolta di dodici modelli di mockup in argilla per iPhone 12 dal design minimale per Figma (e Sketch).
Set di icone Figma gratuiti
Biblioteca Dripicons Figma
Questo set di Dripicons è stato creato esplicitamente per Figma e può essere scaricato e utilizzato sia in progetti personali che commerciali. Puoi duplicare questo file nel tuo account Figma con un solo clic.
Collezione di icone di social network 2022
Questa meravigliosamente semplice raccolta di 34 icone copre tutti i principali servizi di social media e include versioni sia a colori che in bianco e nero.
55 loghi crittografici
Se stai lavorando a un progetto di criptovaluta o blockchain, questa è l'icona gratuita impostata per te. Nel template sono inclusi oltre cinquanta loghi dei servizi più popolari.
Pacchetto di icone per la creazione di pagine di siti Web su Envato Elements
Utilizzare questo set di icone se è necessario creare un'interfaccia utente per un generatore di pagine. Il set è stato ispirato dai costruttori di pagine più popolari e può essere scaricato come parte del tuo abbonamento Envato Elements.
Evericon per Figma
Questo set contiene un totale di 460 icone che possono essere utilizzate per qualsiasi progetto. Il set è gratuito per progetti personali e commerciali.
Icone di acquisto per Figma su Envato Elements
Questo set di icone include 60 icone perfette per un negozio online, un'applicazione per lo shopping o un sito web. Le icone hanno una larghezza della linea regolabile e possono essere utilizzate in Figma, Illustrator, Photoshop e altro.
Icone sociali di Figma
Prova questo set se vuoi aggiungere le icone dei social media ai tuoi progetti. Il set contiene oltre 100 icone facili da personalizzare e utilizzabili in progetti personali e commerciali.
Icone di computer e IT Figma su Envato Elements
Dai un'occhiata a queste icone di computer e IT per Figma se stai lavorando a un progetto IT. Il kit contiene 60 icone e può essere scaricato come parte del tuo abbonamento Envato Elements.
Icone materiale Libreria Figma
Questa raccolta gratuita di icone include oltre 1000 icone che potrai utilizzare in qualsiasi tipo di progetto e prototipo. Possono essere utilizzati in progetti commerciali e personali.
Libreria di componenti di icone di Figma Font Awesome 5
Questo set di icone si basa sulle icone Font Awesome e contiene oltre 1200 icone uniche che sono categorizzate in modo ordinato. Possono essere scaricati e utilizzati gratuitamente in qualsiasi progetto personale.
Libreria dei componenti di Figma Entypo Icon
Questa libreria di icone Entypo è stata creata appositamente per Figma. Viene fornito con 411 icone vettoriali gratuite e premium pronte per l'uso per il tuo prossimo progetto di design UX. Può essere utilizzato gratuitamente in progetti personali.
Modelli di diagramma di flusso Figma gratuiti
Modelli di diagramma di flusso Greyhound per Figma
Questo set di modelli di diagrammi di flusso include più di 200 schede per aiutarti a creare rapidamente prototipi di diagrammi di flusso e mappe del sito. Il kit è gratuito per progetti personali e commerciali.
Flow Chart Kit 2.0 per Figma
Questo è un altro eccellente kit per diagrammi di flusso, perfetto per progettare mappe dei siti e visualizzare rapidamente i processi. Il kit è gratuito per progetti personali e commerciali.
Modello di presentazione del design per Figma
Questo modello gratuito è stato progettato in modo che tu possa creare rapidamente presentazioni professionali delle tue creazioni dell'interfaccia utente. Viene fornito con una varietà di pulsanti, grafici e blocchi di testo completamente personalizzabili in modo da poter personalizzare la tua presentazione.
Figma semplifica la creazione rapida di splendidi prototipi per app mobili, app Web, dashboard, mappe del sito e qualsiasi altro progetto di interfaccia utente di cui hai bisogno. Con l'aiuto di questi kit Figma, sarai in grado di prototipare i tuoi progetti più rapidamente, quindi assicurati di aggiungerli alla tua libreria oggi.