Prototipazione Figma: ora con transizioni

Il design coinvolge molto più del semplice designer in questi giorni. Ingegneri, esperti di marketing, project manager e altre parti interessate collaborano fino alla comparsa del miglior prodotto. Per fare questo in modo efficiente, i team si affidano ai prototipi - rappresentazioni ad alta fedeltà di un'app - per comunicare un mockup prima che venga spedito agli ingegneri.

L'aspetto di un'app può essere completamente modificato da qualcosa di fondamentale come l'animazione tra i frame. Senza questi dettagli, le parti interessate rischiano di essere colpite da incessanti avanti e indietro. Chi ha tempo per questo?

Scopri come prototipare in Figma con questi due video

Ecco perché siamo entusiasti delle notizie di oggi: stiamo introducendo transizioni per la prototipazione Figma. Mentre costruisci un prototipo cliccabile del tuo progetto, aggiungi un effetto dissolvenza, diapositiva o push per collegare tra loro i frame. Ciò renderà le transizioni del prototipo più realistiche per lo spettatore, indipendentemente dal fatto che quella persona sia uno sviluppatore, un potenziale cliente o un parente che ancora non capisce cosa fai realmente per vivere.

Vuoi "scorrere" da un fotogramma all'altro per una durata di pochi millisecondi? Ora puoi. Hai bisogno di imitare il movimento animato di un'app iOS per dargli vita e stupire un nuovo client? Handled.

Queste transizioni sono essenziali per far passare le tue idee e hai chiesto a gran voce loro un flusso di feedback via Spectrum e Twitter. La nostra comunità ha richiesto questa funzionalità ininterrottamente da quando abbiamo annunciato per la prima volta Figma 2.0 con la prototipazione.

Come promesso allora, continueremo a costruire prototipi in Figma per soddisfare le esigenze di tutti i soggetti coinvolti nel processo di sviluppo del software.

Cosa rende la prototipazione Figma più veloce e più facile?

Per i non familiari, la prototipazione Figma ha superpoteri che mancano ad altri strumenti ().

  1. Design dal vivo: poiché siamo una piattaforma basata sul Web, i tuoi prototipi rimangono automaticamente aggiornati. Sono legati ai tuoi progetti, quindi quando apporti qualche modifica ai tuoi frame, non è necessario che tu li riesporti nel tuo prototipo.
  2. Discussione TED Figma: puoi utilizzare il browser web del tuo telefono su Android e iOS per navigare tra le presentazioni tramite dispositivo mobile. È il discorso di Figma TED, che ti consente di camminare casualmente per la stanza guidando la demo dal tuo telefono. Ciò è particolarmente utile durante le riunioni con i clienti. Le parti interessate possono fare clic sul tuo avatar nel prototipo Figma (modalità di osservazione), quindi seguire il flusso del tuo design dai propri laptop.
  3. Componenti + prototipazione: usa i componenti Figma nei tuoi prototipi per risparmiare un sacco di tempo. Quando si imposta una navigazione da un componente una volta, questo si popolerà automaticamente in tutte le istanze. Ad esempio, il pulsante Home ti riporterà sempre alla schermata principale.

Oltre alle funzionalità di prototipazione esistenti, speriamo che le nostre nuove transizioni aggiungano un ulteriore livello di lucentezza al tuo lavoro. Puoi scegliere la durata dell'animazione e divertirti con il modo in cui un fotogramma si adatta a un altro. Ciò significa che hai il controllo su quando un'animazione è leggermente più veloce all'inizio o alla fine.

Infine, la barra degli strumenti di prototipazione ha una finestra di anteprima, quindi progettare le transizioni tra i frame è un gioco da ragazzi. (O una diapositiva.)

Assicurati di guardare questo video per apprendere le basi della prototipazione in Figma. E quando sei pronto a introdurre transizioni per i tuoi prototipi, vai qui.

Qual'è il prossimo?

Speriamo che questa continuazione del nostro strumento di prototipazione aiuti i progettisti a comunicare la loro visione più facile, più veloce e con più gioia di vivere.

Proprio come con il nostro recente flusso di lavoro di @mentions e ordinamento dei file, siamo costantemente alla ricerca di come risparmiare tempo per tutti i membri del team. Hai un'idea per una nuova funzionalità di Figma? Dacci un messaggio su Spectrum o su Twitter. Ascoltiamo sempre.

E rimanete sintonizzati per altri annunci di prototipazione.