uxantimateria_repo

Articolo che affronta la progettazione di tabelle usabili in atomic design, con lo scopo di renderli componenti ri-utilizzabili.

Design system di Mews

Tool online open source che permette di creare grafici per la data visualization.

Design system di Monday.com

Design system di Skyscanner

Quando e come progettare uscendo dal design a griglia classico? Questo articolo ce lo suggerisce

Cristian Nobile

Una collezione da parte di Awwwards sugli strumenti di AI progettati specificamente per assistere i designer nel loro processo creativo

Cristian Nobile

Raccolta di oltre 350 domande scaricabili pronte per i vostri progetti di ricerca

Cristian Nobile

Come progettare un form di contatto al meglio? Ecco un articolo che offre 36 suggerimenti e best practices

Cristian Nobile

Raccolta di migliaia di immagini di persone in png.

Un e-book che parla di impatto del design.

Come rinomini i token? Questo playbook è un file template che supporta nela gestione del nome dei token.

Task success rate, articolo che approfondisce il tema del data driven design e della ricerca quantitativa.

Articolo che mostra 5 esempi di ricerca tramite interviste.

Un template Figma che permette di costruire una roadmap collaborativa per le designOPS.

Un articolo che esplora il tema del design OPS e dell’impatto che può avere nelle organizzazioni.

Tool online, parzialmente gratuito, di generazione e raccolta immagini realizzate con AI.

Emmanuele Saccani

Uno stock di foto, illustrazioni e icone grafiche create insieme alla comunità LGBTQIA+ e femminista.

Tool online gratuito per creare codice pronto all’uso di griglie per progetti digitali.

Raccolta di template e componenti utili per un boost ad inizio progettazione.

Non esiste un processo di progettazione “universale”. Tuttavia, qui vengono riportati una serie di passaggi che funzionano per molte aziende.

Giulia Contessa

Tutto quello che serve sapere per entrare nel mondo del lavoro come product designer.

Giulia Contessa

Questo corso ti guiderà e ti aiuterà ad acquisire le competenze essenziali necessarie per progettare esperienze piacevoli e funzionali. È previsto il rilascio di un certificato.

Giulia Contessa

I grafici Carbon ti aiutano a rappresentare i dati rispettando anche l’accessibilità. La libreria Carbon Charts include asset di grafici di base e complessi.

Giulia Contessa

Raccolta di mockup belli a pagamento

Cristian Nobile

Articolo che affronta una metodologia di organizzazione delle variables in figma.

Corso online e libro sulla UX strategy e sulla gestione di scelte di design. Corso tra i 50 e i 350 dollari, tempistica non definita.

Raccolta di siti web e blocchi di UI con focus su animazioni, motion design e interaction design.

Raccolta di centinaia di dettagli di UI, motion design e interaction design.

Raccolta di mockup di qualità e anche gratuiti.

Cristian Nobile

Uno strumento completo per raccogliere, valutare e organizzare i feedback degli utenti

Raccolta di font premium da usare per il proprio design stampato e web.

Plugin che permette di incollare più contenuti diversi su una selezione multipla in un singolo click.

Toolkit co-progettato con la comunità e gli esperti del settore.

Giulia Contessa

Ottieni report in tempo reale che ti aiutano a gestire l'accessibilità su larga scala.

Giulia Contessa

Progetto promosso dalla comunità per offrire usa guida sull’uso delle tecnologie assistive.

Giulia Contessa

Le linee guida e le risorse contenute in questo sito riflettono 15 anni di ricerca sulla progettazione inclusiva, condotta da 4 consorzi di progettazione inclusiva successivi finanziati dall'Engineering and Physical Sciences Research Council.

Giulia Contessa

Linee guida, strumenti e risorse per realizzare offerte fruibili e piacevoli per tutti.

Giulia Contessa

Linee guida utili a sviluppatori e designer per progettare e sviluppare componenti accessibili affidabili.

Giulia Contessa

Uno strumento di progettazione e prototipazione basato sulla potenza di iOS e Swift.

Cristian Nobile

Flowjam si occupa di prepare dei video di lancio personalizzati per il tuo prodotto SaaS

Cristian Nobile

Scopri come i team di alcune delle aziende più conosciute sul mercato strutturano i loro file Figma grazie a questa raccolta di video

Cristian Nobile

Estensione di ChatGPT studiata da NN/g per aiutare gli UX Designer

Cristian Nobile

Guida completa e gratuita alla tipografia sul web, esplorando come scegliere e utilizzare i caratteri tipografici per migliorare la leggibilità e l'estetica delle interfacce utente.

Elisabetta Cavataio

La pagina ufficiale di Spotify su Figma offre una serie di risorse di design gratuite, tra cui un modello che descrive i metodi di lavoro di Spotify all'interno di Figma), un set di carte progettate per migliorare le performance del team e un template dettagliato per condurre sprint di design a distanza.

Elisabetta Cavataio

Collezione di eBook gratuiti dedicati a UX/UI design, coprendo argomenti come design di interfacce, landing page efficaci, tipografia, usabilità e molto altro.

Elisabetta Cavataio

Vasta collezione di risorse vettoriali gratuite o a pagamento.

Elisabetta Cavataio

Questi tutorial aiutano i designer a comunicare meglio con i team di sviluppo, ottimizzando la progettazione di interfacce complesse e migliorando la gestione degli stati e delle interazioni nell'implementazione finale.

Elisabetta Cavataio

UXPin offre una vasta collezione di eBook gratuiti dedicati a vari aspetti del design UX e della prototipazione. Questi eBook coprono argomenti come la progettazione di interfacce utente, design system, prototipazione interattiva e best practices per migliorare l'esperienza utente.

Elisabetta Cavataio

Questa sezione del sito di Ahmad Shadeed offre una collezione di articoli approfonditi su argomenti relativi al CSS, design di interfacce utente e sviluppo front-end. Gli articoli coprono best practices, tecniche avanzate e soluzioni pratiche per migliorare l'esperienza utente attraverso un design responsivo e accessibile.

Elisabetta Cavataio

La sezione UI/UX di Codecademy Docs offre una serie di risorse e guide dedicate alla progettazione di interfacce utente e all'esperienza utente. Perfetta per designer e sviluppatori.

Elisabetta Cavataio

Henosia è una piattaforma progettata per migliorare la collaborazione tra sviluppatori e designer, aggiornando il codice in tempo reale mentre viene progettato il design.

Elisabetta Cavataio

Il corso ufficiale tenuto dall'agenzia AJ&Smart e da Jake Knapp. Durata variabile, costo circa 2000€.

Daniele Trebbi

Tool che sfrutta AI per creare storyboard - trasformando automaticamente una sceneggiatura o una narrazione in una serie di immagini dettagliate

Daniele Trebbi

11Pulse è una piattaforma di benchmarking dedicata al settore fintech, con oltre 9.000 user journeys provenienti da oltre 700 brand tra cui famosi brand del settore, accuratamente raccolti e analizzati secondo criteri di usabilità.

Daniele Trebbi

Baymard è un'azienda che conduce studi su larga scala relativi all'esperienza utente, offrendo risultati in diversi formati, tra cui audit UX, benchmarking, case study, articoli e corsi di formazione.

Daniele Trebbi

Tool online gratuito per calcolare l’aspect ratio di una forma, utile per chi progetta.

Maurizio Occhioni

Tool online gratuito per individuare la line height perfetta di un font.

Kit figma disponibile sulla community di Figma gratuitamente, che raccoglie elementi e indicazioni di Deliveroo per preparare l’handoff.

Kit figma disponibile sulla community di Figma gratuitamente, per creare un changelog internamente ad un file.

Kit figma disponibile sulla community di Figma gratuitamente, con componenti e indicazioni per preparare un handoff.

Kit figma disponibile sulla community di Figma gratuitamente, con flussi e annotazioni.

Strumento alternativo a Calendly per pianificare call e riunioni in modo semplice e veloce

Cristian Nobile

Figmotion è uno strumento per creare animazioni direttamente in Figma. Il tool rende più gestibile il passaggio dell'animazione agli sviluppatori perché è costruito tenendo conto delle tecnologie web.

Cristian Nobile

Tool per Figma che permette di animare facilmente qualsiasi cosa in pochi click. Adatto sia per principianti che professionisti.

Cristian Nobile

E-Book gratuito su LinkedIn proposto da N/N Group in cui sono raccolte le terminologie e le descrizioni dei deliverables della UX.

Raccolta di filtri applicabili a font esistenti per renderli particolari e super custom.

Articolo che parla di cos’è e come strutturare un Pre-mortem workshop

Laura Casolari

Questa libreria include le best practice di Figma per la creazione di un sistema di progettazione di base.

Giulia Contessa

Preline UI Figma è un design system realizzato con Tailwind CSS.

Giulia Contessa

Plugin per una documentazione automatica di variabili di progettazione e stili di testo,

Giulia Contessa

Creare e gestisci con semplicità tutti gli elementi che servono per un Design System: stili, variabili spaziature, ombre, griglie ecc.

Giulia Contessa

Template utile per definire nomenclatura dei token di progettazione.

Giulia Contessa

Scopri come sono strutturati i token e come inserire il file JSON in Tokens Studio e sincronizzarlo con le variabili e gli stili.

Giulia Contessa

File Figma con componenti utili per organizzare i file, lasciare note e una checklist per non perdersi nulla in fase di handoff.

Giulia Contessa

Design system mobile di Aviva, anche denominato Tigris.

Giulia Contessa

Design system mobile di Stripe.

Giulia Contessa

Design system non ufficiale, utile per dare uno sguardo nell'intricato mondo del design orientato alle emozioni.

Giulia Contessa

Plugin Figma che permette di creare documentazione dei colori di un design system.

Kit gratuito con decine di tipologie e varianti di cover dei file Figma pronte all’uso.

Raccolga di strumenti e elementi formativi per apprendere la LIS (lingua italiana dei segni) e il braille.

Plugin Figma che permette di creare dei campi testo funzionanti anche all’interno dei prototipi.

Corso di motion design e prototipazione avanzata con Figma. Durata variabile (20/30 ore) e costo tra i 100€ e i 250€.

Trasforma chiamate, documenti e feedback degli utenti in intuizioni, come per magia. Crea una fonte unica di verità per la conoscenza del cliente. Questa piattaforma utilizza tecnologie avanzate per analizzare automaticamente vari tipi di dati dei clienti, come chiamate, documenti e feedback. Converte queste informazioni in insight utili, aiutando le aziende a comprendere meglio le esigenze e le preferenze dei loro clienti in modo rapido ed efficiente.

Carlo Frinolli

Crea video di qualità professionale con avatar AI e voci fuori campo in più di 130 lingue. È facile come creare una presentazione. Questa piattaforma offre un servizio innovativo che permette di convertire rapidamente testi scritti in video di alta qualità. Utilizza l'intelligenza artificiale per generare avatar realistici e voci sintetiche in molte lingue, rendendo la creazione di contenuti video accessibile anche a chi non ha competenze tecniche specifiche nel campo della produzione audiovisiva.

Carlo Frinolli

Le supposizioni sono costose. La ricerca è essenziale. I prodotti di qualità derivano da una ricerca di qualità. Ascolta partecipanti onesti e coinvolti, stupisci i tuoi stakeholder e influenza i risultati finali con un partner e una piattaforma di cui ti puoi fidare. Questa piattaforma offre servizi di ricerca di mercato e sondaggi, permettendo alle aziende di raccogliere feedback genuini dai consumatori. Aiuta a prendere decisioni basate su dati reali anziché su ipotesi, migliorando così la qualità dei prodotti e l'efficacia delle strategie aziendali.

Carlo Frinolli

Descript è l'editor video completo e integrato, potenziato dall'intelligenza artificiale, che sai già usare. Descript è una piattaforma che semplifica la creazione e modifica di video, utilizzando l'intelligenza artificiale per rendere il processo più facile e intuitivo, anche per chi non ha esperienza con programmi di editing video tradizionali.

Carlo Frinolli

Una raccolta di tantissimi tool interessanti e nuovi raggruppati per categoria (design, development, PM, AI, SMM)

Cristian Nobile

Button Stealer funziona automaticamente mentre navigate online e salva i bottoni che trova mettendoli in una collezione che potrà essere d’ispirazione

Cristian Nobile

L'articolo affronta una lamentela comune dei Product Designer, secondo cui i sistemi di progettazione limitano la loro creatività e la loro capacità di innovare

Cristian Nobile

Sito che raccoglie micro interazioni già pronte (gratuite e a pagamento) su i bottoni per Webflow

Cristian Nobile

Una raccolta per i Webflow Designers e i no-code developers che include varie risorse ispirazionali

Cristian Nobile

Un template per iniziare a cucinare il proprio design system, completo di file figma, source-code github e documentazione.

Federico Kratter Thaler

Articolo che affronta il tema del motion design spiegando le linee guida e i vantaggi nella UI.

Plugin che permette di creare pattern.

Una guida gratuita di Intercom per progettare ottimi onboarding flow di prodotto.

Raccolta simil Dribbble dove si possono pubblicare design veri e ben fatti.

Raccolta di centinaia di design di icone per app iOS.

Una guida passo passo per la gestione di un discovery workshop.

Laura Casolari

Retool è una piattaforma che consente di creare rapidamente applicazioni interne personalizzate. Ideale per sviluppatori, permette di integrare facilmente i dati aziendali e costruire strumenti specifici senza la necessità di scrivere codice complesso.

Valerio Foddai

Betty Blocks è una piattaforma di sviluppo che consente di creare applicazioni senza dover scrivere codice. Rivolta a sviluppatori e non sviluppatori, offre strumenti visivi intuitivi per accelerare il processo di sviluppo e facilitare la digitalizzazione aziendale.

Valerio Foddai

JetAdmin è una piattaforma che permette di costruire strumenti interni personalizzati senza dover scrivere codice. Offre una varietà di modelli e integrazioni che aiutano a gestire e visualizzare i dati aziendali in modo efficiente, rendendo il lavoro quotidiano più semplice e organizzato.

Valerio Foddai

Thunkable è una piattaforma che permette di creare applicazioni mobili senza necessità di scrivere codice. Ideale per principianti e professionisti, offre strumenti drag-and-drop per costruire app in modo intuitivo e veloce.

Valerio Foddai

Coda è una piattaforma che unisce documenti, fogli di calcolo e app in un unico spazio collaborativo. Perfetta per team e progetti individuali, consente di organizzare il lavoro, automatizzare processi e gestire attività in modo efficiente.

Valerio Foddai

Draftbit è uno strumento che consente di progettare e sviluppare app mobili utilizzando un'interfaccia visiva. Ideale per sviluppatori e designer, offre un'ampia gamma di componenti personalizzabili e funzionalità avanzate per costruire app di alta qualità senza dover scrivere codice manualmente.

Valerio Foddai

Bildr è una piattaforma che permette di creare applicazioni web senza scrivere codice. Con un'interfaccia intuitiva e strumenti potenti, è adatta sia a principianti che a esperti, facilitando lo sviluppo di progetti web complessi con facilità e rapidità.

Valerio Foddai

FlutterFlow è una piattaforma che facilita la creazione di applicazioni mobili utilizzando Flutter. Con un'interfaccia drag-and-drop intuitiva, permette a sviluppatori di tutti i livelli di progettare, costruire e distribuire app velocemente, combinando potenza e semplicità.

Valerio Foddai

Backendless è una piattaforma che fornisce soluzioni backend senza necessità di scrivere codice. Ideale per sviluppatori di app mobili e web, offre servizi come database, API, gestione utenti e notifiche push, permettendo di concentrarsi sulla parte frontend del progetto.

Valerio Foddai

Plugin per trasformare elemento in onde 3d.

Saverio Rescigno

Applica un bagliore morbido che imita la dissolvenza di una fonte di luce fisica ai tuoi elementi.

Saverio Rescigno

Avatars Generator crea foto uniche generate dall'IA di persone fittizie.

Saverio Rescigno

Mantieni il tuo flusso con la più grande e coerente collezione di grafiche curate. Ottieni oltre 1,5 milioni di icone, foto e illustrazioni senza mai dover uscire da Figma!

Saverio Rescigno

Da cerchi, quadrati, archi a percorsi personalizzati: piega il tuo testo come vuoi!

Saverio Rescigno

Una calcolatrice interamente disegnata e prototipata in Figma (il tutto tramite variabili). Completamente funzionante, in grado di fare semplici operazioni matematiche.

Calculator! (Prototipazione avanzata)

Articolo dedicato alla progettazione di data visualization in grado di rispondere alle aspettative e conoscenze degli end-users.

Francesca Romagnani

Una guida alla correzione di alcuni effetti ottici comuni nel mondo delle interfacce, per creare delle UI piacevoli e ben bilanciate.

Francesca Romagnani

Piattaforma digitale realizzata da Love + Money che permette di caricare, attraverso Figma, le brand guidelines in PDF trasformandole in un sito web navigabile.

Cristian Nobile

Una raccolta spaziale delle newsletter inviate da brand di tutto il mondo.

Federica Cutrera

Bubble.io è una piattaforma no-code avanzata che consente agli utenti di progettare, sviluppare e lanciare applicazioni web completamente funzionali senza necessità di scrivere codice. Grazie alla sua interfaccia intuitiva basata sul drag-and-drop, Bubble permette di creare layout complessi, definire logiche di business, gestire database, e integrare API esterne con facilità. È ideale per imprenditori, startup e sviluppatori che vogliono trasformare rapidamente le loro idee in prodotti digitali senza le limitazioni tradizionali della programmazione. Con una vasta gamma di funzionalità personalizzabili e una comunità di supporto attiva, Bubble.io rappresenta una soluzione potente e flessibile per la creazione di applicazioni web scalabili.

Valerio Foddai

Odyssey è il sistema di design open-source di Okta, creato per garantire coerenza, accessibilità ed efficienza nella costruzione di interfacce utente su tutta la loro piattaforma. Lanciato nel 2021, Odyssey è conforme agli standard WCAG 2.1 AA, ponendo un forte accento sull'accessibilità per tutti gli utenti, inclusi quelli con disabilità. Questo sistema di design include una serie completa di componenti e linee guida che supportano tecnologie assistive come screen reader e forniscono un migliore contrasto di colore e forme per una migliore esperienza utente

Valerio Foddai

Parabola è una piattaforma che permette di automatizzare i flussi di lavoro senza necessità di programmazione. Ideale per semplificare e velocizzare processi complessi attraverso l'integrazione di diverse applicazioni e strumenti aziendali.

Valerio Foddai

Glide permette di creare applicazioni mobili personalizzate utilizzando solo fogli di calcolo. Con un'interfaccia intuitiva, consente a chiunque di trasformare dati in app funzionali e attraenti senza necessità di programmare.

Valerio Foddai

Tool che permette di convertire e creare palette 100% accessibili con il metodo di colore LCH.

Butter è una raccolta di strumenti, risorse, kit e materiali per la facilitazione.

Tool online che permette di creare una palette accessibile con vari sistemi di colore e check tecnici.

Tool online che permette di visualizzare, creare e salvare palette di colore estese con check di accessibilità.

Presentazione ufficiale del prossimo design system di Apple CarPlay in occasione del WWDC24.

Viames Marino

Tool per creare mockup di qualità in modo semplice e veloce.

Cristian Nobile

Capire i layout CSS moderni ci aiuterà a creare design flessibili e dinamici che vadano oltre la rigida struttura delle colonne.

Cristian Nobile

Il sistema di progettazione di Volvo Cars  offre linee guida per uso di griglie, tipografia, colore, iconografia e fotografia.

Giulia Contessa

Il sistema di progettazione open source di MongoDB per creare esperienze intuitive e belle

Giulia Contessa

Quando un cliente comunica con una skill di per Alexa, come lo fa? Cosa dovrebbe rispondere Alexa, e in che modo? Cosa dovrebbe essere visualizzato sullo schermo, se il tuo cliente ne ha uno? Se hai già iniziato a porti queste domande, ti stai addentrando al mondo del Conversation Design.

Giulia Contessa

Linee guida rivolte a chiunque utilizzi il brand Mozilla per attività di marketing e/o comunicazione. Includono informazioni sulla personalità del brand, linee guida sull’utilizzo di logo, colori, tipografia.

Giulia Contessa

Linee guida rivolte a chiunque utilizzi il brand Firefox per attività di marketing e/o comunicazione. Includono informazioni sulla personalità del brand, linee guida sull’utilizzo di logo, colori, tipografia.

Giulia Contessa

Cookbook è il Design System di Yelp per la progettazione di esperienze digitali, segue la metodologia Atomic Design.

Giulia Contessa

Linee guida per la progettazione del prodotti di Meetup. Include anche i processi e i principi di progettazione.

Giulia Contessa

È il framework di progettazione Webex, che offre un linguaggio di progettazione condiviso e elementi costitutivi essenziali per tutti i prodotti Webex. Il Design System fornisce una documentazione completa e consente ai team di creare esperienze di lavoro digitali e fisiche coerenti, facilitando connessioni efficaci tra gli utenti.

Giulia Contessa

WebGradients è una raccolta gratuita di 180 gradienti lineari già pronti che potrete usare nei vostri progetti web.

Cristian Nobile

Libreria di animazioni Open Source per Framer e pronte anche per React.

Cristian Nobile

Un corso tenuto da Louis Paquet che insegna come integrare il Motion Design all’interno dei vostri progetti

Cristian Nobile

Raccolta quotidiana di risorse ispirazionali di qualità e belle animazioni.

Cristian Nobile

Sito realizzato dal team di Zaijno che racchiude i principi del Motion Design. Molto utile per imparare.

Cristian Nobile

Perché i Dynamic Selves sono meglio delle Buyer Personas, articolo sui Dynamic Selves.

Laura Casolari

Applicazione per raccogliere e condividere icone e file SVG

Gian Michele Giua

Libreria di componenti animati pronti per lo sviluppo (React, Typescript, Tailwind CSS, and Framer Motion).

Claudio Tesoriero

Aiuta te e il tuo team ad avere una migliore panoramica del percorso di carriera e dello stato attuale delle competenze, al fine di definire nuovi obiettivi a breve e lungo termine.

Giulia Contessa

Stai cercando un modo per valutare le competenze di un UX/UI designer? La matrice delle competenze di Cieden è qui per aiutarti!

Giulia Contessa

Designspell è una collezione di micro-interazioni che infondono vita, personalità e divertimento!

Giulia Contessa

Gomila è un posto dove trovare tutto ciò di cui hai bisogno per rimanere ispirato.

Giulia Contessa

Visualizza registrazioni end-to-end dei percorsi degli utenti delle migliori app e scopri nuove tendenze

Giulia Contessa

Scrnshts è una selezione curata del meglio del design degli app store, che mette in mostra gli elenchi di app store più visivamente accattivanti ed efficaci.

Giulia Contessa

Molte interfacce e flussi non hanno bisogno di essere reinventati, scoprile in questa raccolta.

Giulia Contessa

Sistema di progettazione Vercel per creare esperienze web coerenti.

Giulia Contessa

Il Design System dei prodotti di Loom.

Giulia Contessa

Libreria di pattern utilizzata da Mailchimp

Giulia Contessa

Raccolta di immagini e icone svg scaricabili gratuitamente e ben organizzate.

Raccolta dei peggiori e migliori dark pattern esistenti su prodotti reali.

Raccolta di GIF animate pronte da scaricare (sia gratuite che non).

Articolo che affronta il tema di come rinominare i token in modo sistematico.

Articolo che affronta il tema del matching tra iconografia e tipografia.

Articolo che raccoglie 58 regole e consigli per progettare una buona UI.

Raccolta con tool per gestire, scegliere e scaricare icone animate native Apple.

Tool per creare mockup animati online in pochi minuti.

Tool per creare mockup animati online in pochi minuti.

Tool per creare design animati online.

Mappa dell’accessibilità delle linee guida WCAG 2.2

Design system di Nordhealth.

Sito per esplorare i migliori progetti di app motion design.

Cristian Nobile

Breakpoints è un plugin per Figma che semplifica la creazione di design responsive. Con questo strumento, puoi definire facilmente i Breakpoint del tuo layout per desktop, tablet e dispositivi mobili, garantendo una coerenza visiva su tutte le piattaforme.

Saverio Rescigno

Scratch è una piattaforma che permette di creare storie digitali, giochi e animazioni utilizzando un interfaccia visuale giocosa e intuitiva basata sulla tecnologia Blockly di Google. È ideale per sperimentare e apprendere le basi della programmazione. Scratch è progettato, sviluppato e moderato dalla Fondazione Scratch, una organizzazione no-profit.

Elisabetta Cavataio

Plugin Figma che permette di avere un kit di wireframe per varie tipologie di prodotti digitali.

Alessandro Giammaria

Evento sul design a Milano, prezzi e biglietti di diversa tipologia.

Plugin Figma che consente di generare una landing page da un singolo prompt.

Simone Favale

Una guida in 4 parti per creare, documentare e gestire i componenti del sistema di un Design System.

Giulia Contessa

Redesigning Design Systems fornisce guide pratiche e risorse per far salire di livello il tuo design system.

Giulia Contessa

Corsi per progettare Design System per diversi livelli (principiante, medio avanzato).

Giulia Contessa

Design System Standards è un documento di zeroheight creato per guidare designer, sviluppatori e manage nella progettazione di un Design System.

Giulia Contessa

Supernova.io, tool per design system docs.

Giulia Contessa

PatternLab, tool per design system docs.

Giulia Contessa

Knapsack, tool per design system docs.

Giulia Contessa

Backlight.dev, tool per design system docs. Strumento pensato più per gli sviluppatori, attraverso un plugin Figma è comunque possibile generare automaticamente componenti lato design direttamente dal codice.

Giulia Contessa

Crea automaticamente specifiche di progettazione dei componenti selezionati: anatomia, proprietà, spaziature e molto altro! L'output generato da questo plugin è davvero prezioso per gestire in modo efficace l’handoff.

Giulia Contessa

Il più grande kit UI e sistema di progettazione per Figma al mondo. Date il via a qualsiasi progetto, risparmiate migliaia di ore e migliorate il vostro livello di progettazione.

Giulia Contessa

Un toolkit che introduce lo User Ecosystem Thinking, un approccio che aiuta a progettare esperienze complesse tenendo conto di tutti gli attori del sistema.

Simone Favale

Tool AI che permette di analizzare recensioni app, survey, ticket supporto in pochi minuti e generare insights. Utilissimo per chi fa product management.

Matteo Vacca

Tool AI per: - generare wireframes e UI - affinity mapping - generare HMW da un post-it (es. pain point) - suggerimento UX laws in base al contesto descritto - AI Design review - generare template workshop

Matteo Vacca

UI Kit WhatsApp per iOS (aggiornato al 2024) ricreato in Figma. Possibilità di personalizzare le schermate tramite componenti che sfruttano tantissime varianti. Disponibile anche il "Dark mode", gestito tramite design token.

Simone Giannangeli

Libreria di componenti accessibile, personalizzabile, open source.

Giulia Contessa

Una serie di attività utili a determinare l'IA della documentazione di un design system su zeroheight.

Giulia Contessa

Mappa della tassonomia delle variabili creata Vodafone UK per gestire un design system multi-brand e multi-themed.

Giulia Contessa

Design system dell'ecosistema di prodotti e servizi offerti da Uber.

Giulia Contessa

Una libreria di componenti semplice, modulare e accessibile per creare applicazioni React.

Giulia Contessa

Design system di Atlassian per creare esperienze semplici, intuitive e piacevoli.

Giulia Contessa

Approfondimento su strategie e tattiche fondamentali per le aziende SaaS per ottimizzare i tassi di conversione e guidare la crescita in un panorama competitivo.

Laura Casolari

Una guida targata direttamente Figma in cui troverete alcuni approcci diversi per organizzare i vostri team, progetti e file in Figma.

Cristian Nobile

Checklist multilingua per testare l'accessibilità secondo le lineeguida wcag 2.2 con collegamenti a card di dettaglio per ogni singolo criterio.

Micol Algeri

UI kit web su Figma, con decine di componenti personalizzabili e sempre aggiornati.

Valerio Foddai

Motore di ricerca per lavori da remoto in aziende tech, con offerte in Italia e nel resto del mondo.

Giuseppe Costanza

Tool di Experience Analytics che analizza miliardi di comportamenti digitali per fornire KPIs unici, analisi e insights che tutti i team possono utilizzare per aumentare il revenue e l'engagement di un prodotto.

Laura Casolari

Corso per imparare tutti i fondamenti della UX e della Conversion Rate Optimization, ma anche come ridurre le spese, aumentare la produttività e la quota di mercato. Durata non definita prezzo 480€.

Laura Casolari

Plugin figma che permette di accedere ai contenuti di centinaia di design system di tutto il mondo.

Tool per creare immagini con AI, sia in versione gratuita che a pagamento.

Raccolta di centinaia di loghi sia di esempio che provenienti da fiction, film e serie televisive.

Piattaforma specifica per creare il proprio portfolio da UX/UI Designer, ottimizzata per mostrare tutto il processo, dalla ricerca al prototipo finale.

Elisabetta Cavataio

Piattaforma che offre corsi di coding base e creativo, oltre che di UX/UI design.

Elisabetta Cavataio

Piattaforma di corsi gratuiti per imparare diversi linguaggi di programmazione, completi di teoria, esercizi e certificazione finale.

Elisabetta Cavataio

Sito che raccoglie strumenti, linee guida, risorse e libri dedicati al design inclusivo e all’accessibilità.

Elisabetta Cavataio

Sito e plugin che individua con quali tecnologie (framework JS, CMS, builder, CDN…) è stato costruito un sito web.

Elisabetta Cavataio

Libreria JavaScript per coding creativo, con lo scopo di rendere il coding accessibile a designer, artisti e appassionati di sviluppo.

Elisabetta Cavataio

Una raccolta di metodi e tecniche utili per le diverse fasi di progettazione.

Giulia Contessa

Content design system: cos'è e come si progetta, in dettaglio. Guida pratica.

Valentina Di Michele

Tool per creare fantastici mockup per il tuo sito web o i tuoi social media in maniera semplice e veloce.

Cristian Nobile

Corso in grafica e web design contenente anche i moduli di UX e UI design. Formazione live da remoto, costo e durata variabili.

Ufficio virtuale dove il membri del team possono comunicare e collaborare spostandosi da una stanza all’altra con il proprio avatar.

Elisabetta Cavataio

Piattaforma per freelancer dove trovare opportunità lavorative profilate in base alle proprie competenze.

Elisabetta Cavataio

Plugin per Figma di Algo con cui è possibile realizzare animazioni ed esportarle in vari formati.

Kit di UI per Figma con centinaia di elementi e componenti ben fatti.

Tool per creare palette colore con un sistema di AI che analizza 50 reference e crea delle palette inedite.

Tool che permette di creare musiche inedite grazie ad un prompt.

Raccolta di esempi di mobile app utile per ispirazione su UI e micro interazioni.

Raccolta di esempi vari di UI e design.

Tool online per creare facilmente animazioni con libreria JS.

Raccolta di animazioni di UI CSS ready da cui poter prendere ispirazione.

Articolo che parla di come scrivere email per la ricerca con template e best practies.

Articolo che raccoglie 3 template per email di invito alla ricerca.

Raccolta di screenshot degli assets per App Store di app ben fatte (reference).

Alessandro Curci

Un'estensione gratuita per la registrazione dello schermo e della fotocamera per Chrome. Dispone anche di strumenti di disegno per annotare lo schermo durante la registrazione e di molte altre funzioni.

Cristian Nobile

Esercizi realistici di UX/UI design per allenarsi e arricchire il proprio portfolio, con la possibilità di condividere i propri progetti con la community per ottenere review e feedback.

Elisabetta Cavataio

Plugin per Figma che serve a generare gradienti complessi utilizzando solo pochi strumenti come colore, raggio, posizionamento, sfocatura e distorsione.

Cristian Nobile

Una whiteboard per fare brainstorming, creare e collaborare a progetti di diversa natura.

Leonardo Iannelli

Raccolta di portfolio dei designer delle migliori aziende internazionali.

Gianluca Croci

Progettare tabelle complesse in figma tramite componenti, variables e elementi innestati.

Raccolta di mail ben fatte e performanti di brand poco conosciuti o famosi.

Plugin per chrome che permette di estrapolare tutte le immagini e i vettoriali di una pagina web e copiarli facilmente.

Articolo che affronta il tema della UI generativa che cambia a seconda della persona e dei suoi comportamenti.

Linee guida di brand di Asana

Linee guida di brand di Starbucks.

Linee guida di brand di Netflix.

Articolo che parla di design management e di quanto un manager mette le mani “in pasta”.

Raccolta di centinaia di assets e risorse gratuite o a pagamento.

Tool che permette di creare delle UI tramite l’uso quasi esclusivo dell’AI.

E-book che affronta il tema della progettazione di richiesta di dati con consensi GDPR.

Tool per progettazione UI Design attraverso l'uso dell'AI, compatibile con i più comuni software come Figma.

Alessandro Giammaria

Raccolta di screenshot di UI di app, webapp e landing page.

Ben Bugli

Trovare lavoro online con posizioni da remoto.

Ben Bugli

Trovare lavoro online con posizioni da remoto.

Ben Bugli

Libreria di componenti UI open-source per creare sistemi di design e applicazioni web di alta qualità.

Paolo Gavazza

Raccolta di icone premium e animate scaricabili online (gratis, poi a pagamento).

Raccolta di immagini premium gratis e royalty free create tramite AI.

Tool per creare facilmente dei mockup online sia gratuiti che a pagamento.

Kit per creare siti web Saas gratuiti con Figma e Framer.

Raccolta di suoni e video gratuiti e royalty free che possono essere scaricati e usati per i propri progetti e contenuti.

Plugin figma che permette di creare elementi artistici e illustrazioni con delle linee.

Raccolta di pagine 404 di siti web di tutto il mondo da cui prendere ispirazione.

Tool che permette di caricare immagini e svg e poi creare delle illustrazioni con dei gradienti.

Una piattaforma per analizzare flussi e schermate delle app alternativa a Mobbin che offre anche insights e tricks su come progettare in modo migliore.

Cristian Nobile

Articolo che parla di data visualization e del valore della progettazione della lettura / fruizione dei dati nel design.

Grande raccolta di risorse e link gratuiti per designer.

Articolo che parla del ROI del design OPS.

Design system di Workbench by Gusto.

Pacchetto di font super premium a bassissimo costo.

Design system di Telepass.

Tool online per creare, modificare, condividere e gestire customer journey complesse (molto costoso ma con versione free molto valida).

Piattaforma per formazione e challenge di designer.

Piattaforma in cui cercare e copiare copy pronti all’uso.