Figma: Disenyo, Prototype, ug Pakigtambayayong sa Tibuok Enterprise

Figma

Sa miaging pipila ka mga bulan, nagtabang ako sa pagpalambo ug paghiusa sa usa ka labi ka gipasadya nga pananglitan sa WordPress alang sa usa ka kliyente. Kini ang balanse sa istilo, gipalapdan ang WordPress pinaagi sa mga naandan nga natad, mga lahi sa pasadya nga post, usa ka laraw sa laraw, usa ka tema sa bata, ug mga custom plugin.

Ang lisud nga bahin mao ang gibuhat ko kini gikan sa yano nga mga mockup gikan sa usa ka proprietary nga prototyping platform. Samtang kini usa ka solido nga plataporma alang sa pagtan-aw ug laraw, dili kini dali nga hubad sa HTML5 ug CSS3. Idugang ang tanan nga uban pang mga iterasyon, ug ang akong mga adlaw nakasuko sa pag-uswag nga hinay kaayo.

Ang usa ka bahin sa puzzle mao nga gitugyan ra sa ahensya sa disenyo ang mga prototype, nga wala paghatag bisan unsang lahi nga master styleheet… busa nagtrabaho kami aron matuman kini pinaagi sa pag-eksport sa mga prototype ngadto sa airship, ug pagkahuman ihubad ang CSS sa WordPress. Ang ihap sa mga lakang nga gikinahanglan ug ang mga kal-ang taliwala sa mga plataporma gihimo kini usa ka malisud nga proseso. Wala’y labot ang pagsulay nga pasimplehon ang mga pagkakumplikado alang sa katulin ug sukub

Figma

Figma gisentro ang kadaghanan sa kini nga trabaho sa usa ka plataporma nga makahimo sa disenyo, feedback, ug pagtinabangay sa tibuuk nga myembro sa imong team, lakip ang:

  • Mga tigdesinyo - Pagtinabangay sa konteksto ug sa tinuud nga oras. Ayaw pagkabalaka bahin sa imong mga file nga wala sa petsa o pag-overlap sa trabaho sa matag usa.
  • Mga stakeholder - Magpadala usa ka link aron pagkolekta og feedback, pagkuha mga hangyo sa pagbag-o, ug tugutan ang mga hingtungdan nga maghimo mga pag-update sa kopya sa imong mga laraw.
  • developers - Kanunay nga adunay access ang mga enhenyero sa karon nga gigikanan sa tinuud nga kamatuoran ug mahimo nga masusi ang mga elemento, export assets, ug code sa pagkopya.

Ang Figma adunay pipila nga Mga Talagsa nga Mga Hunahuna

  • Mga Operasyon sa Boolean - Uban sa upat nga mga pormula: paghiusa, pagminus, pagsalot, ug pag-iban
  • components - Pagpatindog nga labi ka tulin ug labi ka makanunayon nga adunay magamit pag-usab ug masukod nga mga elemento sa imong mga file. Pag-access sa mga sapaw sa matag pananglitan aron maabtik nimo nga ma-edit ug mapasobrahan ang teksto ug mga imahe nga naka-linya.
  • Mga Paglimud - Sukda ang imong laraw aron mohaum sa bisan unsang gidak-on sa screen pinaagi sa pag-ayo sa mga butang sa usa ka frame sa ginikanan, pag-snap sa usa ka butang sa usa ka grid, o bisan sa paghimo sa mga sangkap nga sukdanan.
  • Mga Frame sa Device - Ipakita ang imong mga laraw sa husto nga mga palibot. Mahimo ka usab makapili tali sa potograpiya ug talan-awon mode.
  • Mga pakiglambigit - Buhion ang imong mga prototype pinaagi sa paghubit sa mga pakigsulti sa pag-klik, samtang pag-hover, samtang dinalian, ug daghan pa.
  • Mga Overlay - Uban sa relatibo ug mano-mano nga pagpahimutang ikaw adunay hingpit nga pagpugong sa diin ug kung giunsa makita ang mga overlay.
  • Pixel-pagkahingpit - 60fps interactive nga pag-edit nagdala kanimo ultra crisp, pixel-perfect preview ug export.
  • Prototyping - Dali nga pagtukod mga agos pinaagi sa pagkonektar sa mga screen ug pagdugang sa mga elemento sama sa mga pakigsulti, pagbag-o, overlay, ug daghan pa. Imbis nga mag-syncing sa ubang mga gamit magbahin ra usa ka URL aron makadawat feedback.
  • Tumong nga Disenyo - I-unat ang imong mga layout ug tan-awa kung giunsa nila pagtubag ang mga pagbag-o sa gidak-on sa screen.

Responsive Prototyping

  • Pag-scroll - Paganahon ang pinahigda, pinatindog, o bisan unsang direksyon nga pag-scroll sa sulud sa tagsatagsa nga mga porma o sa tibuuk nga frame sa ginikanan.
  • estilo - Paghiusa mga kolor, teksto, grids ug mga epekto sa tanan nimong mga proyekto. Pagpadayon ang labing dyutay nga mga istilo sa teksto ug ipahiangay ang imong mga laraw sa lainlaing mga aparato nga adunay lahi nga mga estilo sa grid sa Figma.
  • Mga Library sa Team - Pagpakigbahin mga sangkap ug istilo sa Figma-dili kinahanglan alang sa gipaambit nga mga drive o dugang nga mga gamit. Gikontrol nimo ug ang imong tem kung giunsa ug kanus-a gilukot ang mga pagbag-o gamit ang yano nga mga agianan sa pagmantala.
  • Mga Network sa Vector - Gihimo ni Figma ang gamit sa pen aron mahimong labi ka daghang pamaagi, nga nagtugot alang sa direkta nga pagmaniobra samtang gipreserba ang paatras nga pagkaangay sa mga agianan.

Kay enterprise kliyente, Ang Figma mahimong magdala sa pagkamakanunayon, kahusayan, ug seguridad sa sukdanan. Gihimo sa plataporma ang mga kliyente sa negosyo nga dali magdumala sa mga sistema sa laraw sa mga librarya sa koponan ug ang abilidad sa pag-upload ug pagpaambit sa mga naandan nga font sa imong organisasyon. Ang nag-inusarang Pag-sign-On, mga kontrol sa pag-access, ug mga tala sa kalihokan gilakip.

Pagsugod sa Figma

Ang Figma adunay daghang kapilian nga mga panudlo nga gipadayon nila sa ila YouTube channel, ani ang usa ka video nga Pagsugod:

Figma naghatag katakus sa mga developer nga susihon, kopyahon, i-export ang mga assets, ug kopyahon ang CSS direkta gikan sa file sa disenyo. Mahimo mo usab nga mapalihok ang imong mga kasamtangan nga mga daloy sa trabaho nga adunay mga panagsama, lakip ang airship, Avocode, Jira, Dropbox, ProtoPie, Ug Prinsipyo alang sa Mac. Adunay usab sila usa ka malig-on nga API.

Sulayi ang Figma nga Libre

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.