Kaj Figmin Dev Mode pomeni za razvijalce

Kot razvijalec, ki sodeluje z oblikovalci pri razvoju izdelkov, se boste soočili z različnimi izzivi, ki lahko ovirajo učinkovito timsko delo. Veliko teh težav izhaja iz omejene vključenosti v proces oblikovanja ali nepopolnih sredstev oblikovanja.

Figma je uvedla način Figma Dev za reševanje teh težav, s ciljem podpreti brezhibno sodelovanje pri oblikovanju in razvoju.

Kako bo to vplivalo na vaš potek dela kot razvijalca? Poglobite se v način Figma Dev, raziščite njegove funkcije in odkrijte najboljše prakse za njegovo uporabo.

Kaj je način Figma Dev?

Figma, priljubljeno orodje za oblikovanje vmesnikov, je priljubljen pri ekipah, ki gradijo prototipe ali ustvarjajo modele spletnega mesta. Njegov način za razvijalce, ki ga je podjetje objavilo na Config 2023, naj bi služil kot delovni prostor za razvijalce, potem ko so ustvarjalci spoznali, kako težko je bilo zanje komunicirati s platnom Figma.

Način za razvijalce je podoben orodju za pregled v Chromu, vendar izraža namen oblikovalca v bolj znanem jeziku.

Figmin način za razvijalce ponuja vrsto funkcij, vključno z pregledovanjem, izrezki kode, vtičniki, sistemi oblikovanja, statusom razdelka in možnostjo primerjave sprememb. Te funkcije bi morale pomagati izboljšati komunikacijo, racionalizirati procese in vzdrževati dosleden potek dela od načrtovanja do razvoja.

Trenutno je Dev Mode v različici beta, zato boste za dostop do njega potrebovali namizno aplikacijo Figma beta.

Brezhibna komunikacija z načinom za razvijalce

Ko dostopate do oblikovnih datotek, je lahko vsebina videti kot množica plošč, napolnjena z oblikovalsko terminologijo, ki jo je morda težko razumeti, in morda sploh ne veste, kje začeti. S samo pritiskom na gumb se materializirate v prostor, ki se vam zdi bolj znan.

Navigacijska plošča je manj utesnjena s spustnimi meniji, ki vsebujejo več okvirjev in plasti, ki se razširijo, da prikažejo različne razdelke. Ta nova različica je veliko bolj organizirana.

Druga odlična lastnost, ki jo lahko opazite, je časovni žig, ki označuje zadnje urejanje. Podrobnosti urejanja si lahko ogledate tako, da označite možnost primerjave sprememb na plošči Pregled. To pomeni, da lahko vidite in sledite opravljenim spremembam, podobno kot zgodovina različic, koncept, ki ustreza vašemu besedišču.

Plošča Pregled predstavlja informacije, ki so za vas pomembne, v jeziku, ki ga razumete: koda. Lahko pregledate elemente in dodajte vtičnike, ki so bolj primerni za vaše delo. Način za razvijalce ponuja različne interakcijske funkcije, ki vam omogočajo, da na različnih točkah delite svoje ideje in predloge. Te funkcije vključujejo klepet s kazalcem, blok komentarjev, zvočni klepet in gumb za skupno rabo.

Te funkcije omogočajo sočasno oblikovalsko-razvojno sodelovanje, saj se povratne informacije pojavljajo v realnem času v istem okolju. Posledično izboljša produktivnost in pospeši vaš potek dela.

Učinkovito črpanje sredstev

Ni neobičajno, da oblikovalci zagotovijo nepopolna oblikovalska sredstva, kar je lahko frustrirajoče. Razvijalci cenijo vire in razpoložljivost komponent, da zagotovijo učinkovitost gradnje. Z načinom za razvijalce je pridobivanje sredstev tako preprosto kot le nekaj klikov.

Kadarkoli izberete okvir, plošča za pregledovanje prikaže seznam uporabljenih sredstev. Prav tako so na voljo za prenos v štirih različnih formatih.

To orodje vam omogoča dostop do sredstev, ne da bi morali hoditi naprej in nazaj z oblikovalsko ekipo. To pomaga preprečiti napake ali zmedo, vam pomaga prihraniti čas in vam omogoča, da se osredotočite na druge naloge.

Poenostavljeni postopki predaje

Dev Mode je najboljši paket za upravljanje prenosov. Združuje vse, kar potrebujete, na enem mestu, ki ga lahko prilagodite svojemu delovnemu toku. Način za razvijalce pomaga pospešiti postopek predaje, tako da omogoči:

• Oblikovanje in razvoj v enem okolju
• Sodelovanje v realnem času
• Pregled in izrezki kode
• Oblikovanje sistemske integracije
• Oznake statusa razdelka (npr. »Pripravljeno za razvijalce«)

Najboljše prakse in nasveti za uporabo načina za razvijalce

Figmin način za razvijalce lahko uporabljate kot del svojega delovnega toka, toda kako ga lahko kar najbolje izkoristite? Preizkusite te predloge.

• Uporabite vire in vtičnike Dev, da prilagodite svojo izkušnjo; povežite orodja, ki jih že uporabljate v načinu za razvijalce, da poenostavite potek dela. Od GitHub do ogrodij v vašem skladu, lahko izbirate med različnimi različicami.
• Uporabite funkcije pregleda in izrezkov kode za dostop do mer, specifikacij, slogov in sredstev elementov oblikovanja. Prav tako lahko ustvarite kodo v različnih knjižnicah z uporabo vtičnikov.
• Spremljajte oblikovne spremembe, da ne boste ničesar zamudili. The Primerjaj spremembe funkcija služi kot orodje za zgodovino različic – ne pozabite jo redno preverjati.
• Izkoristite vse funkcije sodelovanja za komunikacijo in stopite v stik z oblikovalci prek komentarjev, klepetov s kazalcem in drugega.
• Elemente v VS Code lahko pregledate tudi z novo razširitvijo Figma VS Code. Omogoča vam tudi več – vključno z navigacijo po datotekah, sledenjem spremembam, sodelovanjem oblikovalcev in pospeševanjem implementacije načrtovanja – ne da bi zapustili kodo VS.
• Bodite na tekočem z novejšimi funkcijami, preverite, kako vam lahko najbolje služijo, in se ob vsaki priložnosti izpopolnite.

Sprejmite način za razvijalce, da poenostavite svoj potek dela

Način Figma Dev bi moral narediti vaš potek dela učinkovitejši in omogočiti boljše sodelovanje med oblikovalcem in razvijalcem s potrebnimi funkcijami.

Ekosistem Figma je sestavljen iz več delov in priljubljenost aplikacije pomeni, da je dragoceno orodje, ki ga lahko prenašate iz službe v službo.