Figma: Proiectare, prototip și colaborare în cadrul întreprinderii

Figma

În ultimele luni, am contribuit la dezvoltarea și integrarea unei instanțe WordPress foarte personalizate pentru un client. Este echilibrul stilului, extinderea WordPress prin câmpuri personalizate, tipuri de posturi personalizate, un cadru de proiectare, o temă pentru copii și pluginuri personalizate.

Partea dificilă este că o fac din machete simple de pe o platformă de prototipuri proprietară. Deși este o platformă solidă pentru vizualizare și design, nu se traduce cu ușurință în HTML5 și CSS3. Adăugați toate celelalte iterații și zilele mele devin destul de frustrante, progresul fiind extrem de lent.

O piesă a puzzle-ului este că agenția de proiectare a predat pur și simplu prototipurile, fără a furniza niciun fel de fișă de stil master ... așa că lucrăm pentru a realiza acest lucru exportând prototipurile în dirijabil, și apoi traducerea CSS în WordPress. Numărul de pași necesari și decalajele dintre platforme îl fac un proces dificil. Ca să nu mai vorbim de încercarea de a simplifica complexitățile pentru viteză și scalabilitate

Figma

Figma centralizează o mare parte a acestei activități cu o platformă care permite proiectarea, feedback-ul și colaborarea în fiecare membru al echipei dvs., inclusiv:

  • Designerii - Colaborați în context și în timp real. Nu vă faceți griji niciodată cu privire la faptul că fișierele dvs. nu sunt actualizate sau se suprascriu reciproc.
  • Părțile interesate - Trimiteți un link pentru a colecta feedback, pentru a primi solicitări de modificare și pentru a permite părților interesate să facă actualizări de copiere în proiectele dvs.
  • Dezvoltatorii - Inginerii au întotdeauna acces la sursa de adevăr curentă și pot inspecta elemente, exporta active și pot copia codul.

Figma are câteva caracteristici unice:

  • Operații booleene - Cu patru formule: unire, scădere, intersecție și excludere, puteți combina orice set de straturi de formă cu precizie.
  • Componente - Construiți mai rapid și mai consecvent cu elemente reutilizabile și scalabile pe toate fișierele. Accesați straturi în fiecare instanță, astfel încât să puteți edita și să înlocuiți intuitiv textul și imaginile în linie.
  • Constrângerile - Scăriți-vă designul pentru a se potrivi oricărei dimensiuni a ecranului fixând obiecte pe un cadru părinte, fixând obiectul pe o grilă sau chiar prin crearea de componente care se potrivesc.
  • Rame dispozitiv - Prezentați-vă desenele în mediile potrivite. Puteți alege chiar și între modul portret și modul peisaj.
  • Interacţiuni - Faceți ca prototipurile dvs. să prindă viață prin definirea interacțiunilor pe clic, în timp ce vă deplasați, în timp ce apăsați și multe altele.
  • Suprapunerile - Cu poziționarea relativă și manuală, aveți control deplin asupra locului și modului în care apar suprapunerile.
  • Perfecțiunea pixelilor - Editarea interactivă de 60 fps vă oferă previzualizări și exporturi ultra clare, perfecte pentru pixeli.
  • Prototyping - Construiți rapid fluxuri conectând ecranele și adăugând elemente precum interacțiuni, tranziții, suprapuneri și multe altele. În loc să se sincronizeze cu alte instrumente, pur și simplu partajați o adresă URL pentru a primi feedback.
  • Proiectare receptiv - Intindeți aspectele și vedeți cum vor răspunde la modificările dimensiunii ecranului.

Prototipare receptivă

  • scrolling - Activați derularea orizontală, verticală sau orice direcție în cadrul formelor individuale sau a întregului cadru părinte.
  • Stiluri - Sincronizați culorile, textul, grilele și efectele în toate proiectele dvs. Mențineți mai puține stiluri de text și aliniați-vă proiectele pe diferite dispozitive cu stilurile de grilă unice ale Figma.
  • Bibliotecile echipei - Partajați componente și stiluri în Figma - nu este nevoie de unități partajate sau instrumente suplimentare. Dvs. și echipa dvs. controlați cum și când modificările sunt implementate cu fluxuri de lucru de publicare simple.
  • Rețele vectoriale - Figma a creat instrumentul stilou pentru a fi mai intuitiv, permițând o manipulare directă, păstrând în același timp compatibilitatea cu traseele.

Pentru întreprindere clienți, Figma poate conduce la consistență, eficiență și securitate la scară largă. Platforma permite clienților de întreprindere să gestioneze cu ușurință sistemele de proiectare cu bibliotecile de echipă și posibilitatea de a încărca și partaja fonturi personalizate în întreaga organizație. Sunt incluse Single Sign-On, controale de acces și jurnale de activitate.

Începeți cu Figma

Figma are o selecție excelentă de tutoriale pe care le mențin pe propriile lor Canal YouTube, iată un videoclip Noțiuni introductive:

Figma oferă dezvoltatorilor posibilitatea de a inspecta, copia, exporta active și copia CSS direct din fișierul de proiectare. De asemenea, puteți activa fluxurile de lucru existente cu integrări, inclusiv dirijabil, Avocod, JIRA, dropbox, ProtoPie, și Principiu pentru Mac. De asemenea, au un API robust.

Încercați Figma gratuit

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.