Valutazioni dell’editore: Valutazioni degli utenti:[Totale: 0 Media: 0] @media(larghezza minima: 500px) { } @media(larghezza minima: 800px) { }
Noya è uno strumento di prototipazione dell’interfaccia utente gratuito con Notion come editor ed esportazione Figma. Questo strumento è solo un altro strumento di prototipazione dell’interfaccia utente per te, ma funziona in modo diverso. È più veloce e offre un modo completamente nuovo e diverso di progettare pagine Web o altre interfacce utente. Ti consente di disegnare i blocchi dell’interfaccia utente utilizzando il trascinamento della selezione e quindi il layout finale viene generato in tempo reale. Ha Notion come i comandi slash che puoi usare per inserire vari blocchi nei tuoi progetti.
Con questo puoi costruire i tuoi progetti in pochi secondi. Per i segnaposto come immagini e tabelle, può generare automaticamente i dati fittizi che sono modificabili. Puoi concentrarti solo sulla progettazione e una volta completato il progetto, puoi esportarlo come file PNG, PDF e Figma. Supporta anche l’esportazione in React, ma penso che non sia incluso nel piano gratuito.
Il piano gratuito di Noya ti consente di creare qualsiasi prototipo di design di un sito web, landing page o applicazione web. Ma sei limitato a soli 200 blocchi. Questo è utile per progettare siti Web di piccole imprese. L’editor non ti limita ad avere blocchi di dimensioni fisse. Puoi ridimensionare e rimodellare i blocchi usando il mouse proprio come ridimensioni le immagini.
🎉🚀 Presentazione di Noya (YC W23) 🚀🎉
Noya è uno strumento di wireframing che genera progetti & codice. Provalo:https://t.co/Cxrcs1bWkb
Noya ti permette di lavorare wireframe a bassa fedeltà, pur continuando a produrre progetti ad alta fedeltà e prototipi React da condividere con il tuo team. pic.twitter.com/WV3bcXkLLt
— Devin Abbott (@dvnabbott) 9 febbraio 2023
Strumento di prototipazione dell’interfaccia utente gratuito con Notion come Editor, Figma Export: Noya
Sul sito web principale di Noya, basta è necessario creare un account gratuito per iniziare a usarlo. Quindi, fallo e poi atterrerai sulla dashboard principale. Da qui puoi creare il tuo primo progetto e poi iniziare a progettare.
Nell’editor, la prima cosa che devi impostare è il nome del progetto e poi le dimensioni. Inoltre, scegli un sistema di progettazione, ma per ora è supportata solo l’interfaccia utente di Charka.
Ora può iniziare il vero divertimento. Nella finestra di visualizzazione, inizi a disegnare i blocchi. Fare clic sull’icona”+”e trascinare per disegnare un blocco. In base alla dimensione del blocco disegnato, cercherà di indovinare automaticamente ciò che desideri. Se disegni un rettangolo stretto, indovinerà automaticamente che si tratta di una barra di navigazione nell’intestazione.
Allo stesso modo, puoi aggiungere altri blocchi nei tuoi progetti, come immagini e sezioni degli eroi.
I blocchi supportano i comandi slash e c’è anche un menu per cambiare il tipo di blocco. Devi solo digitare la barra (/) e poi vedere le opzioni. Oppure puoi anche utilizzare il menu a discesa in basso a destra di ciascun blocco per impostare il tipo.
Dopo aver terminato la progettazione, puoi vedere l’anteprima dal vivo del design. Basta fare clic su Apri anteprima dal vivo e renderà il tuo design su una pagina web nella nuova scheda.
Allo stesso modo, puoi continuare ad aggiungere blocchi e continuerà a generare il design per te e la sua anteprima. Una volta che hai finito, puoi semplicemente esportare il tuo design. Fai clic sull’opzione Esporta e poi vedrai le varie opzioni che ti offre lì.
In questo modo, puoi utilizzare questo semplice e nuovo strumento di prototipazione dell’interfaccia utente che è dotato di nuovi strumenti e segue un diverso flusso di lavoro nella progettazione delle interfacce utente. Anche la generazione di contenuti AI che offre è encomiabile e puoi duplicare i tuoi progetti qui.
Considerazioni conclusive:
Se ti piace la progettazione di UI e UX, allora lo sono sicuramente amerai questo strumento per la sua semplicità e la sua potente funzionalità. La parte migliore di questo strumento è il disegno a mano libera. Puoi progettare e modellare i blocchi di costruzione nel modo desiderato. Inoltre, anche l’esportazione di Figma e React è molto utile poiché ora vengono creati design moderni in quelli.