6 alternative Figma per designer di interfaccia utente e UX

La notizia che Adobe ha acquisito Figma è ora in circolazione. La quantità di meme che hanno invaso i canali Twitter e Slack è stata piuttosto qualcosa. E mentre non posso parlare per tutti, penso che un numero consistente di designer non sarà in grado di convivere comodamente con questa novità.

Innanzitutto, in questo momento Figma rimarrà una società indipendente (separata da Creative Cloud). Questo è stato detto nell'annuncio del CEO, Dylan Field. Non appena saranno disponibili informazioni più concrete sui loro piani per il futuro, questo articolo verrà aggiornato di conseguenza.

16.9.2022 – Figma ha fatto un Twitter Spaces per discutere dell'acquisizione e Ashish ha messo insieme un riassunto di tutto ciò che è stato detto/discusso.

L'altra cosa è che Figma non ha una vera concorrenza quando si tratta sia di un piano gratuito che di un Community Hub. Se sei un designer di poco conto o forse un blogger, non puoi dire la differenza tra i loro piani Free e Pro. Ecco quanto è buono.

La competizione ha avuto abbastanza scarpe da riempire.

Non è solo che Figma è uno strumento di progettazione e prototipazione multipiattaforma, incentrato sulla collaborazione, con una dozzina di casi d'uso. In 6 brevi anni, Figma è cresciuta da strumento di progettazione a epicentro di risorse di progettazione, strumenti e guide su come creare interfacce utente di livello mondiale.

Tanto che se sei un utente di Sketch, InVision, Adobe XD o qualsiasi altro utente di piattaforma alternativa, Figma potrebbe ancora far parte del tuo flusso di lavoro di progettazione quotidiano perché le sue risorse sono così buone. E questo è amplificato di dieci volte per gli utenti reali di Figma. Dai modelli ai kit dell'interfaccia utente, alle trame e ai modelli, fino a un repository estremamente ricco di plug-in che rendono la progettazione molto più piacevole.

Penso che sia una valutazione equa che più che le persone arrabbiate per l'acquisizione di Figma da parte di Adobe, sia la paura di perdere l'accesso a queste risorse curate dalla comunità. L'integrazione di un aspetto della community potrebbe rivelarsi utile, indipendentemente dal fatto che tu sia uno strumento di progettazione a pagamento o gratuito. E ancora di più se arriverà il giorno in cui Adobe deciderà di staccare la spina da Figma e inserirla all'interno di Creative Cloud.

Alternative Figma per UI & UX Designer

Gli umani sono creature incredibilmente adattabili, quindi guarderemo oltre le molte cose che rendono Figma una grande piattaforma. Invece, esamineremo ciò che rende gli altri strumenti di progettazione/prototipazione una solida alternativa.

1. Pentola

Penpot è in lavorazione dal 2021 (anche se l'idea sembra risalire al 2018) e viene costruito come software open source per la progettazione, la collaborazione e la prototipazione. È multipiattaforma (basato su browser) e puoi ospitare autonomamente Penpot con Elestio o Docker.

Il progetto stesso è ancora in Beta e credo che rimarrà in quello stato per qualche tempo. Tuttavia, quali sono le caratteristiche chiave su cui è stato costruito Penpot?

• Design : interfaccia basata sui componenti per la creazione e la gestione di progetti di design.
• Prototipazione : crea anteprime UX interattive e testa il flusso di progettazione.
• Collaborazione : collaborazione in team in tempo reale con supporto per feedback e commenti.
• Feedback : crea commenti su elementi specifici e condividili con il tuo team.
• Risorse : librerie e modelli curati dalla comunità.

Quindi, Penpot è molto in linea con ciò che offre Figma, incluso l'essere gratuito. Per quanto riguarda l'interfaccia di Penpot, ci sono molte somiglianze tra Figma e altri strumenti simili.

Penso che se ci giochi, sicuramente ti verranno in mente cose che non sembrano così scattanti come in Figma. È possibile copiare e incollare immagini, ma la struttura delle risorse da sola potrebbe richiedere un minuto per abituarsi rispetto a quanto è lineare in Figma.

Una cosa che Penpot non ha è il layout automatico, ma è stato confermato che su questo tweet si è lavorato e dovrebbe arrivare a breve. E c'è del lavoro in corso per garantire che tu possa caricare i tuoi file .fig su Penpot. Questo sembra arrivare dopo l'aggiunta del layout automatico.

Gary Simon di DesignCourse ha recentemente realizzato un tutorial per Penpot e puoi guardare il suo video introduttivo di 30 minuti qui. Il tutorial si basa su un semplice design della pagina di destinazione per un portfolio e serve come una buona panoramica di ciò che Penpot è in grado di fare durante questa fase di sviluppo.

2. Schizzo

Sono sicuro che il team di Sketch è euforico per la notizia. Figma e Sketch sono i migliori strumenti di progettazione UI/UX sul mercato e con un margine significativo. L'unico problema con Sketch è che è bloccato dietro macOS (l'app Web è limitata alla condivisione di prototipi e solo al feedback), anche se ci sono state voci secondo cui hanno in programma di espandersi verso altri sistemi.

Mi piacerebbe sedermi qui e discutere i vari confronti tra Figma e Sketch, ma l'hanno già fatto per me. Quella pagina è per chiunque sia nuovo in Sketch o con precedenti esperienze e abbia bisogno di un aggiornamento su come Sketch si confronta con Figma.

Per quanto riguarda il coinvolgimento della comunità, Sketch è sicuramente lassù con il meglio di loro. Ci sono dozzine di siti Web gratuiti di Sketch attivi e Sketch ha un sistema di plug-in, oltre a cose come estensioni e integrazioni. Hanno anche un fantastico corso gratuito che funge da introduzione alle basi del design, ma soprattutto: l'interfaccia e le capacità di Sketch.

Per quanto riguarda i prezzi, Sketch offre una prova gratuita di 30 giorni e il suo piano premium è fisso a $ 99 all'anno.

3. Sito

Se stavi utilizzando Figma principalmente per utilizzare kit dell'interfaccia utente preesistenti che poi personalizzi e trasmetti per la creazione di modelli HTML, Siter potrebbe rivelarsi un'utile alternativa. Questo strumento di progettazione è stato creato come piattaforma senza codice per la creazione e la personalizzazione dei layout di siti Web e la loro pubblicazione tramite Siter.

La cosa fantastica della loro piattaforma è che puoi invitare altri a collaborare allo stesso progetto. In altre parole, questa potrebbe essere una buona alternativa per chiunque faccia parte di un'agenzia specializzata nella creazione di siti Web live per i propri clienti. Una volta terminato il progetto, puoi trasferire la proprietà al tuo cliente.

Ecco alcune altre caratteristiche:

• Codice : puoi aggiungere codice personalizzato che viene eseguito quando pubblichi o visualizzi in anteprima il tuo progetto.
• SVG – È possibile importare e modificare i vettori SVG o crearli da soli con le curve.
• Movimento : regola lo stato dell'elemento (transizioni, passaggio del mouse, attivo) con un'anteprima dal vivo.
• Importazione Figma – Puoi importa un progetto Figma esistente e trasformalo in un sito web live!

Il prezzo parte da $ 12 al mese per progetti personali e $ 19 per progetti con un massimo di 5 collaboratori e/o progetti.

4. Pin UX

Una delle cose con gli strumenti di progettazione, sia per le illustrazioni che per la progettazione dell'interfaccia utente, è che dopo un po' di tempo si sentono tutti uguali. Certo, ogni strumento ha alcune caratteristiche distinte che l'altro potrebbe non avere, ma guardando da lontano: gli strumenti di progettazione tendono a essere costruiti in modo simile.

Quindi, in che modo UXPin differisce da quello?

UXPin è uno strumento di progettazione basato su codice che ti consente di creare le tue interfacce utilizzando gli stessi componenti utilizzati dagli sviluppatori. La funzione si chiama Unisci ed è disponibile solo per React.

È possibile utilizzare UXPin senza questa funzione e la piattaforma è matura per il lavoro quotidiano dell'interfaccia utente, inclusi prototipazione, wireframing e lavoro collaborativo.

Se ciò non sembra abbastanza folle, UXPin supporta anche l'integrazione di sistemi di progettazione preesistenti come punto di partenza per il tuo prossimo progetto di interfaccia utente. Puoi scegliere tra Material UI o sfogliare la directory Adele per tutte le librerie di componenti supportate da UXPin.

Spina spudorata: ho già scritto delle librerie di componenti React.

Se desideri saperne di più, il posto dove farlo sarebbe UXPin Docs. Troverai istruzioni dettagliate su ogni singolo aspetto di ciò che questo strumento ha da offrire, inclusi esempi dell'Editor e come usarlo, oltre a molte altre funzionalità e tutte le informazioni sulla loro funzione Unisci.

E i prezzi? UXPin offre due diversi piani: Unisci e Standard. Unisci parte da $ 89 al mese per il piano Startup (1 utente) e $ 119 al mese per il piano Company (anche per 1 utente). Lo standard parte da $ 19 al mese per utente, con il piano Pro che costa $ 69 al mese.

5. Designer di affinità

Affinity Designer viene spesso trascurato perché non è commercializzato come strumento UI/UX di per sé.

Tuttavia, è in grado di progettare mockup, design dell'interfaccia utente, loghi e risorse del marchio. Inoltre, ha caratteristiche di illustrazione fenomenali, il che è ottimo se il tuo scopo principale per l'utilizzo di Figma era progettare e ottimizzare cose come le risorse del marchio e la struttura creativa generale.

Questo video di Joshua Omido è una bella panoramica dell'interfaccia di Affinity, ma anche dell'intero processo di lavoro con la progettazione dell'interfaccia utente di un'app mobile.

Detto questo, Affinity Designer manca di funzionalità come la collaborazione in tempo reale e la prototipazione e non ha nemmeno un sistema di plug-in. Sicuramente un problema per le squadre.

E, ultimo ma non meno importante, l'area in cui Affinity Designer eccelle è il suo sistema di licenze. Paghi solo una volta il software ($ 60 + una prova gratuita) e puoi usarlo sui tuoi dispositivi Windows o macOS.

6. Visione

InVision fornisce una soluzione alternativa a FigJam. Come utente Figma, molto probabilmente hai già familiarità con FigJam. In caso contrario, si tratta di un'interfaccia di lavagna online basata sul team in cui è possibile lavorare insieme su idee, definire piani nella pietra e creare traiettorie visive di progetto. InVision offre la stessa soluzione, concentrandosi sull'accessibilità ( ha un piano gratuito! ) e sulle funzionalità semplici.

Esistono strumenti di progettazione UI/UX (nativi) per Linux?

Ho visto questa domanda essere posta molte volte nelle ultime 24 ore e, per quanto ne so, l'unico strumento di progettazione UI/UX nativo di Linux è Akira.

Il progetto è molto in fase di sviluppo iniziale. A meno che le persone non siano disposte a contribuire da sole al progetto o a sostenerlo finanziariamente, mi aspetto che i progressi siano relativamente lenti. Questo è anche il motivo per cui molti degli strumenti di progettazione UI/UX più popolari si concentrano rigorosamente su un'interfaccia basata su browser, poiché elimina la necessità di creare applicazioni native.