Ce înseamnă modul Dev al Figma pentru dezvoltatori

În calitate de dezvoltator care colaborează cu designerii la dezvoltarea de produse, te vei confrunta cu diverse provocări care pot împiedica munca eficientă în echipă. Multe dintre aceste probleme apar din implicarea limitată în procesul de proiectare sau din activele de proiectare incomplete.

Figma a introdus Figma Dev Mode pentru a rezolva aceste probleme, cu scopul de a sprijini colaborarea perfectă între design și dezvoltare.

Cum vă va afecta acest lucru fluxul de lucru ca dezvoltator? Aprofundați în modul Figma Dev, explorați caracteristicile acestuia și descoperiți cele mai bune practici pentru utilizarea acestuia.

Ce este Figma Dev Mode?

Figma, instrumentul popular de proiectare a interfeței, este popular în rândul echipelor care construiesc prototipuri sau creează machete de site-uri web. Modul său Dev, pe care compania l-a anunțat la Config 2023, își propune să servească drept spațiu de lucru pentru dezvoltatori, după ce creatorii și-au dat seama cât de dificil le era să interacționeze cu pânza Figma.

Modul Dev este similar cu instrumentul de inspectare din Chrome, dar transmite intenția unui designer într-un limbaj mai familiar.

Modul Dev al lui Figma oferă o gamă largă de funcții, inclusiv inspectare, fragmente de cod, pluginuri, sisteme de proiectare, starea secțiunii și abilitatea de a compara modificările. Aceste caracteristici ar trebui să contribuie la îmbunătățirea comunicării, la eficientizarea proceselor și la menținerea unui flux de lucru consistent de la proiectare la dezvoltare.

În prezent, modul Dev este în versiune beta, așa că veți avea nevoie de aplicația desktop Figma beta pentru a-l accesa.

Comunicare perfectă cu modul Dev

Când accesați fișiere de proiectare, conținutul poate arăta ca un multivers de panouri, pline de terminologii de design care pot fi dificil de înțeles și este posibil să nu știți nici măcar de unde să începeți. Cu doar comutarea unui buton, te materializezi într-un spațiu care ți se pare mai familiar.

Panoul de navigare este mai puțin înghesuit cu meniuri drop-down care conțin mai multe cadre și straturi care se extind pentru a prezenta diferite secțiuni. Această nouă versiune este mult mai organizată.

O altă caracteristică excelentă pe care o puteți observa este marcajul de timp care indică ultima editare. Puteți vizualiza detaliile editării bifând opțiunea de comparare a modificărilor din panoul Inspectare. Înseamnă că puteți vedea și urmări modificările efectuate, similar cu istoricul versiunilor, un concept potrivit pentru vocabularul dvs.

Panoul Inspectare prezintă informații relevante pentru dvs. folosind limbajul pe care îl înțelegeți: cod. Puteți inspecta elemente și adăugați pluginuri mai potrivite pentru munca dvs. Modul Dev oferă diverse funcții de interacțiune, permițându-vă să vă împărtășiți ideile și sugestiile în diferite puncte. Aceste caracteristici includ chat-ul cursorului, blocarea comentariilor, chatul audio și un buton de partajare.

Aceste caracteristici permit concurența colaborare proiectare-dezvoltare, deoarece feedback-ul are loc în timp real în același mediu. Drept urmare, îmbunătățește productivitatea și accelerează fluxul de lucru.

Extragerea eficientă a activelor

Nu este neobișnuit ca designerii să ofere elemente de design incomplete, ceea ce poate fi frustrant. Dezvoltatorii apreciază resursele și disponibilitatea componentelor pentru a asigura eficiența construcției. Cu modul Dev, extragerea activelor este la fel de ușoară ca și câteva clicuri.

Ori de câte ori selectați un cadru, panoul de inspectare afișează o listă a activelor utilizate. De asemenea, le face disponibile pentru descărcare în patru formate diferite.

Acest instrument vă permite să accesați active fără a fi nevoie să mergeți înainte și înapoi cu echipa de proiectare. Acest lucru ajută la evitarea erorilor sau confuziei, ajutându-vă să economisiți timp și permițându-vă să vă concentrați asupra altor sarcini.

Procese de transfer simplificate

Modul Dev este cel mai bun pachet pentru gestionarea transferurilor. Combină tot ceea ce aveți nevoie într-o singură locație pe care o puteți personaliza fluxului dvs. de lucru. Modul Dev ajută la accelerarea procesului de transfer prin activarea:

• Proiectare și dezvoltare într-un singur mediu
• Colaborare în timp real
• Inspecție și fragmente de cod
• Integrarea sistemului de proiectare
• Etichete de stare a secțiunii (de exemplu, „Gata pentru dezvoltare”)

Cele mai bune practici și sfaturi pentru utilizarea modului Dev

Puteți utiliza modul Dev al Figma ca parte a fluxului de lucru, dar cum puteți profita la maximum de el? Încercați aceste sugestii.

• Utilizați resursele și pluginurile Dev pentru a vă adapta experiența; conectați instrumentele pe care le utilizați deja în modul Dev pentru a vă simplifica fluxul de lucru. De la GitHub la cadre din stiva dvs., există varietăți din care să alegeți.
• Utilizați funcțiile de inspectare și fragmente de cod pentru a accesa măsurători, specificații, stiluri și elemente ale elementelor de design. De asemenea, puteți genera cod în diferite biblioteci folosind pluginuri.
• Urmăriți modificările de design pentru a vă asigura că nu pierdeți nimic. The Comparați modificările caracteristica servește ca instrument de istoric al versiunilor - asigurați-vă că o verificați în mod regulat.
• Profitați de toate funcțiile de colaborare pentru comunicare și contactați designerii folosind comentarii, chat-uri cu cursorul și multe altele.
• De asemenea, puteți inspecta elemente din VS Code cu noua extensie Figma VS Code. De asemenea, vă permite să faceți mai multe, inclusiv navigarea fișierelor, urmărirea modificărilor, colaborarea cu designerul și accelerarea implementării designului, fără a părăsi VS Code.
• Rămâneți la curent cu funcțiile mai noi, vedeți cum vă pot servi cel mai bine și îmbunătățiți-vă abilitățile cu fiecare ocazie.

Utilizați modul Dev pentru a vă simplifica fluxul de lucru

Modul Figma Dev ar trebui să vă eficientizeze fluxul de lucru, permițând o mai bună colaborare designer-dezvoltator cu funcțiile necesare.

Există mai multe părți ale ecosistemului Figma, iar popularitatea aplicației înseamnă că este un instrument valoros pe care îl puteți aduce de la un job la altul.