Progettare con l'intelligenza artificiale funziona meglio in un ciclo continuo: tu descrivi, l'intelligenza artificiale disegna, giudichi, perfezioni e ripeti. L’intelligenza artificiale è veloce nel produrre opzioni. Sei responsabile della scelta di quello giusto.
Passaggio 1: scrivere un brief. Descrivere l'utente, l'attività, il contenuto ed eventuali vincoli. "Una schermata delle impostazioni per un'app per il budget, per chi usa il telefono, con sezioni per account, notifiche e privacy, utilizzando i nostri componenti esistenti" fornirà un risultato di gran lunga migliore rispetto a "creare una pagina delle impostazioni".
Passaggio 2: generare bozze. Strumenti di richiesta interfaccia utente come Google Stitch o l'assistente AI di UXPin trasformano una descrizione o uno schizzo in schermate. Richiedi diverse varianti e confrontale, invece di accettare la prima.
Passaggio 3: perfezionare uno strumento di progettazione. Porta la bozza migliore in Figma, Penpot o in un altro editor. Correggi la gerarchia, la spaziatura e la copia e progetta gli stati che l'IA solitamente salta: caricamento, vuoto, errore e disabilitato.
Passaggio 4: connettersi al codice. Strumenti di codifica AI come Claude Code e Cursor possono creare l'interfaccia. I risultati sono molto migliori quando possono leggere il tuo progetto tramite un server MCP. Figma e Penpot ne hanno entrambi uno. Per le parti interattive e animate, ExodeUI, da noi realizzato, dispone di un server MCP che consente all'intelligenza artificiale di creare e modificare animazioni con stati e fisica elastica da istruzioni in linguaggio semplice, archiviate in un file .exode aperto riprodotto dall'app.
Passaggio 5: verifica prima della spedizione. Controlla l'utilizzo della tastiera e dello screen reader, il contrasto, il movimento ridotto, gli schermi piccoli e grandi e il testo lungo o tradotto. Tratta l'output dell'intelligenza artificiale come il lavoro di un compagno di squadra veloce ma nuovo: utile, ma sempre rivisto.