Daga zane zuwa code: me yake nufi?

Daga zane zuwa code shi ne aikin mayar da zaɓuɓɓukan zane da aka yi a kayan aiki kamar Figma zuwa code na front-end mai aiki. Hanyar da ke ɗorewa tana mayar da token na zane, ba ta ƙirƙirar markup daga canvas ba, domin token na ci gaba da aiki yayin da fuskar manhaja ke canzawa, amma markup da aka ƙirƙira ba ya yi.

Hanyoyi biyu da ake rikitawa

Ƙirƙirar code daga canvas. Ku nuna wa kayan aiki wani frame na Figma sai ya dawo muku da JSX ko HTML. Wannan na burgewa sosai a nuni amma yana ba da kunya a aiki na gaske: sakamakon ba shi da alaƙa da tarin ɓangarorinku, jerin abubuwan cikinsa na bin yadda mai zane ya haɗa layer, kuma da zarar zane ya canza sai ku sake ƙirƙira ku rasa duk gyaran da kuka yi.

Mayar da zaɓuɓɓukan. Ku mayar da token maimakon haka - launi, tazara, rubutu, lanƙwasa - ku bar injiniyoyi su gina ɓangarorin da ke nuni gare su. Ba ya burgewa sosai a nuni. Amma shi ne ke tsira, domin token na ci gaba da aiki idan shimfiɗa ta canza, kuma domin code ya kasance code da mutum ya rubuta kuma zai iya kula da shi.

Kusan kowace ƙungiya da ta gwada hanyar farko tana ƙarewa a ta biyu.

Me yasa miƙa zane ke ci gaba da gazawa

Gazawar ba a lokacin miƙawa take ba. Tana cikin duk abin da ke biyo baya.

Mai zane ya sabunta launi a Figma. Wannan sauyi dole ya isa fayil ɗin CSS. Babu hanya ta atomatik, don haka yana isa ta saƙo a wata tashar hira, wanda wani zai karanta, ko ba zai karanta ba. Ku ninka hakan da kowane sauyi a cikin shekara guda.

Ɓangarorin biyu na aiki daidai. Haɗin da ke tsakaninsu shi ne wani mutum da ke tunawa.

Iyakar Figma API

Ya dace a sani kafin ku tantance kowane kayan aiki a wannan fanni: endpoint na Figma REST API na karanta variable yana samuwa ne kawai a shirye-shiryen Enterprise.

Wannan na nufin kayan aikin da ke daidaita variable na Figma ta REST API zai yi aiki a nuni a asusun Enterprise, amma ba zai yi komai ba a shirin Professional da yawancin ƙungiyoyi ke da shi. Plugin ba su da wannan iyaka, domin suna karanta variable daga cikin fayil ta plugin API. Idan kuna kwatanta kayan aikin daidaitawa, ku tambayi wanne kowanne ke amfani da shi.

Yadda zagaye mai aiki yake

  1. Zaɓuɓɓukan zane na zama token, a wuri ɗaya da ɓangarorin biyu ke nuni gare shi.
  2. Sauyi daga ɓangaren zane na isowa a matsayin diff, ba maye gurbi ba.
  3. Mutum mai izinin gyara zai yi bitarsa ya aiwatar da shi.
  4. Pull request na buɗewa a repository, yana bin bitar code da aka saba.
  5. Wakilan AI na code na karanta token iri ɗaya kai tsaye, don haka code da aka ƙirƙira na sauka a cikin tsarin, ba a gefensa ba.

Matakin bita da ke tsakiya ba cikas ba ne da za a cire don a hanzarta. Kayan aikin da ke sake rubuta token na ƙungiya a ɓoye yana ɓata amana fiye da abin da sarrafa kansa ke dawowa da shi.

Yadda wannan ya shafi Flash DSM

Flash DSM na amfani da plugin na Figma a matsayin hanyar sufuri, don haka yana aiki a kowane shirin Figma. Wallafawa na zama diff na token da za a iya yi wa bita, kuma diff da aka amince da shi zai iya buɗewa a matsayin pull request.