Riflettendo sul primo anno di Figma

Ecco un riepilogo degli ultimi 12 mesi ...

Quando abbiamo deciso di creare una piattaforma di progettazione basata sul web nel browser, sapevamo che non sarebbe stato facile. Abbiamo affrontato non solo l'ostacolo tecnico del rendering di grafica complessa mantenendo le prestazioni, ma anche la sfida culturale dei designer convincenti di potersi fidare di noi. Ci sono molte ragioni per cui nessuno ha costruito con successo un prodotto come questo prima d'ora.

Ai nostri giorni, molti hanno etichettato Figma come un giocattolo anziché un vero strumento. Abbiamo dovuto dimostrare il nostro impegno per la progettazione collaborativa e abbiamo lavorato duramente per farlo nell'ultimo anno, parlando con designer, ingegneri e responsabili di prodotto per comprendere le esigenze dei team di ridimensionamento.

Abbiamo fornito innumerevoli nuove funzionalità e aggiornamenti, sia grandi che piccoli, per semplificare i flussi di lavoro e rendere lo strumento più lucido. Negli ultimi mesi abbiamo reso le prestazioni una priorità fondamentale, investendo risorse ingegneristiche significative per accelerare il caricamento e il rendering dei file. Stiamo perfezionando costantemente il nostro strumento di importazione di Sketch, che consente agli utenti di inserire i loro progetti di Sketch esistenti in modo che non inizino da zero.

Abbiamo spedito così rapidamente gli utenti che ci hanno detto che è difficile tenere traccia di tutti gli sviluppi. Quindi, per celebrare il nostro anniversario, li abbiamo riuniti qui in un posto per chiunque voglia vedere come si è evoluto Figma dal lancio. Questo è solo l'inizio ... abbiamo in serbo molte cose interessanti per i nostri utenti nel secondo anno (tieni d'occhio il nostro Twitter la prossima settimana per cominciare ).

Design collaborativo

Modifica multigiocatore, 28 settembre 2016

Quando abbiamo lanciato Figma al pubblico, abbiamo generato un grande dibattito tra i designer. Prima di noi, nessuno strumento di progettazione offriva mai funzionalità multiplayer. Mentre alcune persone erano elettrizzate e organizzavano prontamente feste di design multiplayer, altre detestavano l'idea di lavorare su un design contemporaneamente a un'altra persona (il cosiddetto processo di “accoppiamento del design”).

Un anno dopo, abbiamo visto persone accoppiare il design a Figma per spedire prodotti in scadenze folli, guidare gli aspiranti designer di tutto il mondo ed eseguire critiche di progettazione molto più efficienti.

Ma come il suo nome, il multiplayer ha molteplici vantaggi e il più grande non ha nulla a che fare con il design collaborativo. Invece, il suo superpotere è che offre ai team un'unica fonte di verità. Con Figma, i progetti possono essere condivisi con chiunque ne abbia bisogno tramite un semplice URL; man mano che i progetti vengono aggiornati o modificati, l'URL rimane invariato, abolendo il complesso flusso di lavoro precedentemente richiesto per la sincronizzazione delle risorse di progettazione e assicurando che tutti i membri del team di un prodotto stiano lavorando con il file più recente.

I copywriter possono giocare con diversi messaggi direttamente nella progettazione, gli sviluppatori possono acquisire gli attributi per convertire i progetti in codice e i gestori del prodotto possono tenere traccia degli stati del progetto senza inviare un singolo messaggio Slack. Nessuno salva accidentalmente il design o lavora su una versione obsoleta.

Sistemi di progettazione degli edifici

Components, 8 dicembre 2016

Man mano che la progettazione diventa sempre più importante nel processo del prodotto, le aziende richiedono modi per sistematizzare il processo di progettazione su larga scala. In particolare, devono essere in grado di sincronizzare i componenti del loro prodotto, come le barre di stato o i menu di navigazione, tra i file e tra i membri del team. In questo modo, i progettisti non devono perdere tempo aggiornando manualmente tutti i loro progetti ogni volta che un'icona viene modificata o un carattere viene cambiato.

I sistemi di progettazione sono una priorità per Figma e solo pochi mesi dopo il lancio al pubblico abbiamo rilasciato una funzione per consentire ai progettisti di sincronizzare i componenti in singoli file. Siamo stati entusiasti di introdurre le sostituzioni dei componenti, che consentono ai progettisti di modificare qualsiasi proprietà di una singola istanza, come il colore o il carattere del testo, senza interrompere completamente l'istanza.

Le sostituzioni dei componenti consentono ai progettisti di modificare qualsiasi proprietà di una singola istanza, come il colore o il carattere del testo.

Ciò ha dato ai progettisti una maggiore flessibilità, pur offrendo loro il vantaggio del più ampio sistema di progettazione.

Team Library beta, 15 febbraio 2017

Ma la condivisione dei componenti a livello locale non è andata abbastanza lontano, quindi a febbraio abbiamo lanciato una prima funzionalità del genere in versione beta chiamata Team Library. Ciò ha consentito ai progettisti di utilizzare componenti sincronizzati tra file e condividerli con i colleghi.

Se un'azienda ha aggiornato la sua icona o modificato la sua interfaccia della barra dei menu, il progettista potrebbe apportare la modifica in un unico posto e riposare facilmente sapendo che sarebbe immediatamente rispecchiato in tutti gli altri progetti attraverso il resto del loro sistema di progettazione.

Team Library 1.0, 19 settembre 2017

Abbiamo prestato molta attenzione al modo in cui le persone hanno utilizzato il Team Library beta in modo da poterlo perfezionare. Abbiamo imparato molto negli ultimi 8 mesi e abbiamo presentato Team Library 1.0 con molte più opzioni per sfogliare e organizzare i componenti, pubblicarli e documentarne le funzionalità. In questa versione sono uscite molte cose, e secondo me è una delle aree più interessanti di Figma, quindi assicurati di leggere come creare un sistema di progettazione per il tuo team!

Lavorare con non designer

Inizialmente abbiamo lanciato Figma pensando al singolo designer, ma sapevamo sempre che ci saremmo evoluti in una piattaforma più ampia. Il design è intrinsecamente collaborativo e i team hanno bisogno di modi molto più efficienti per comunicare e lavorare insieme.

Poiché siamo l'unica applicazione di progettazione che viene eseguita sul Web, siamo in grado di consolidare intere catene di strumenti. Con Figma, le aziende non devono incollare prodotti diversi per soddisfare le loro esigenze. L'applicazione di progettazione è anche l'applicazione di prototipazione, l'applicazione di condivisione file e l'applicazione di trasferimento degli sviluppatori. Tutto questo si fonde al prezzo di uno.

Handoff per gli sviluppatori, 25 luglio 2017

Con la nostra modalità codice, gli sviluppatori possono vedere gli attributi di cui hanno bisogno per iniziare a codificare un progetto. Possono accedere alla modalità codice anche se hanno solo l'autorizzazione di sola visualizzazione, quindi i team non devono pagare per ulteriori posti nell'editor. Ancora più importante: gli sviluppatori sanno sempre che la loro implementazione si basa sulla fonte della verità. I giorni in cui gli sviluppatori costruiscono accidentalmente un design obsoleto sono passati.

Prototyping, 25 luglio 2017

Figma potrebbe essere nato come soluzione di progettazione, ma abbiamo ampliato il nostro repertorio con la nostra funzionalità di prototipazione. Prima di lanciarlo, i nostri utenti erano intrappolati in un ciclo infernale - esportando progetti ogni volta che apportavano modifiche, usando convenzioni di denominazione folli per mantenere in ordine i frame e sincronizzandosi con più servizi per mantenere aggiornati i prototipi.

Sapevamo di poter bloccare la follia con la nostra funzionalità web. I prototipi Figma consentono alle persone di progettare e prototipare in un unico posto, senza la necessità di incidere un gruppo di strumenti di terze parti. Proprio come con la nostra modalità codice, i nostri prototipi sono sempre aggiornati, nessuna sincronizzazione necessaria.

Incorpora l'integrazione con JIRA, Trello e Dropbox Paper

Nella prima fase di Figma, ci siamo concentrati sul consentire alle persone di progettare insieme prodotti migliori. Per il nostro prossimo atto, stiamo aiutando i team a integrare il design attraverso l'intero flusso di lavoro del prodotto. Abbiamo fatto il primo passo in questo processo collaborando con Dropbox Paper, JIRA e Trello. La nostra funzione Live Embed ha permesso ai team di inserire progetti e prototipi live, sempre aggiornati in questi strumenti di gestione del progetto.

Live Embed Kit, 28 settembre 2017

I progetti dal vivo e sempre aggiornati hanno il potenziale per essere utili in molti luoghi. Seguendo le nostre prime integrazioni, abbiamo creato un semplice iframe Figma che potrebbe essere utilizzato da chiunque per incorporare progetti e prototipi Figma in qualsiasi sito Web o strumento.

Funzionalità di progettazione

Guides, 26 giugno 2017

Le guide hanno reso più semplice per le persone allineare i progetti visivamente, senza dover impostare una griglia. Sono stati un grande piacere della folla.

Filtri fotografici, 20 luglio 2017

Fatto poco noto: inizialmente abbiamo concepito Figma come uno strumento di fotoritocco. Siamo tornati su queste radici in un piccolo modo con la nostra barra degli strumenti del filtro immagine. Consente ai progettisti di effettuare regolazioni rapide di esposizione, contrasto, saturazione, temperatura, tonalità, luci e ombre.

Ridimensionamento delle immagini, 8 febbraio 2017

Abbiamo introdotto una serie di opzioni per i progettisti che ridimensionano le immagini: Adatta, Riempi, Allunga / Ritaglia e Affianca.

Emojis, 10 agosto 2017

Emoji. Gente seria. I nostri clienti ci hanno chiesto l'integrazione delle emoji per anni. Queste piccole facce sono il linguaggio delle emozioni sul web, quindi abbiamo permesso loro di apparire sia all'interno dei disegni di Figma che nei commenti.

OpenType, 25 maggio 2017

Abbiamo aggiunto un sacco di funzionalità OpenType: legature discrezionali e storiche, frazioni, maiuscoletto, pedice e apice.

Figma Mirror per Android, 9 maggio 2017

Questa funzione ha suscitato più eccitazione di quanto ci aspettassimo. I progettisti erano entusiasti di poter testare il loro aspetto del design Android nell'hardware Android reale. Per quanto ne sappiamo, siamo l'unico strumento di progettazione a offrire questo.

Aggiornamento del design

Logo e sito Web

Figma è maturato molto dalle sue prime iterazioni invisibili. Con una nuova era, avevamo bisogno di un nuovo look e il nostro team di progettazione ha intrapreso un'importante riprogettazione delle comunicazioni e del marchio. Abbiamo ravvivato il nostro sito Web e introdotto una nuova identità basata su tre principi: celebrare i fondamenti del design, incoraggiare il gioco e il design come sistema.

In attesa

È stato un anno impegnativo per noi di Figma, ma siamo solo all'inizio. Abbiamo un sacco di cose interessanti in serbo per il prossimo anno che ti semplificheranno la progettazione e la collaborazione con il tuo team. Continua a guardare per vedere quali sono le prospettive!