Pangunahin Figma Paano Gamitin ang Mga Bahagi sa Figma

Paano Gamitin ang Mga Bahagi sa Figma



Sa nakalipas na ilang taon, ang Figma ay mabilis na lumaki sa katanyagan, at hindi nakakagulat. Ang libreng-gamitin na cloud-based na software ay madaling ma-access sa lahat ng device at hindi nangangailangan ng anumang installment o pag-download. Mula sa pagdidisenyo ng mga interface ng mobile app hanggang sa paggawa ng mga post sa social media, gamit ang Figma, maaari kang mag-eksperimento sa lahat ng uri ng mga feature ng graphic na disenyo at palawakin ang iyong mga kasanayan.

Paano Gamitin ang Mga Bahagi sa Figma

Para sa higit pang pagkakapare-pareho sa iyong mga disenyo, maaaring gusto mong isaalang-alang ang paggamit ng mga bahagi sa iyong trabaho. Ang mga bahagi ay mga elemento ng user interface (UI) na maaaring magamit sa maraming file sa Figma. Ang mga ito ay madalas na isang malakas na karagdagan sa iyong mga disenyo at mapahusay ang kanilang pangkalahatang kalidad.

Bago ka man sa Figma o matagal nang ginagamit ito at hindi sigurado kung paano matagumpay na gamitin ang mga bahagi, narito kami para tumulong.

Sa artikulong ito, tuklasin namin kung paano gamitin ang mga bahagi ng Figma at kung paano ito makatutulong sa iyo na iangat ang iyong trabaho.

Kung interesado kang malaman ang higit pa, pagkatapos ay magpatuloy sa pagbabasa.

Paano Gamitin ang Mga Bahagi sa Figma

Ang pag-master sa paggamit ng mga bahagi ay makakatulong sa iyo sa organisasyon at pagkakapare-pareho kapag nagpapatakbo ng Figma. Ang mga elemento ng UI na ito ay maaaring gamitin nang paulit-ulit sa iba't ibang mga proyekto sa disenyo na maaari mong gawin. Ang isang bahagi ay maaaring gawin sa isang icon, button, at higit pa, depende sa iyong proyekto.

Ang magandang bagay tungkol sa pagpapakilala ng mga bahagi sa iyong karanasan sa Figma ay nakakatipid ito sa iyo ng maraming oras. Ang anumang mga pagbabago na maaari mong gawin sa isang bahagi ay awtomatikong naa-update sa iba pa. Ito ay maaaring maging partikular na kapaki-pakinabang kung mayroon kang isang masikip na time frame o nakikipagtulungan sa iba pang mga designer at gusto mong pabilisin ang iyong daloy ng trabaho.

Sa pagsisimula, mapapansin mo na mayroong dalawang sidebar sa bawat gilid ng pangunahing canvas na iyong ginagamit. Maaari kang gumamit ng mga tool mula sa alinman sa mga sidebar na ito upang gumawa ng mga pag-edit sa iyong proyekto.

Ang sidebar sa kanang bahagi ay nagbibigay sa iyo ng access sa anumang mga setting ng prototype at nagbibigay-daan sa iyong ayusin o i-edit ang anumang mga katangian ng iyong mga bahagi. Gayunpaman, ipinapakita sa iyo ng sidebar sa kaliwa ang mga layer, asset, at page na ginamit sa iyong proyekto. Ito ay tinutukoy bilang ang Layers Panel.

Dapat na ipakilala ang mga bahagi sa iyong trabaho nang maaga. Tinutulungan ka nilang mapanatili ang pagkakapare-pareho sa iyong mga disenyo at nagbibigay-daan sa iyong pabilisin ang rate ng paggawa mo ng mga pagbabago sa iyong mga proyekto. Mayroong dalawang pangunahing elemento ng isang bahagi:

  • Ang Master (o Pangunahing) Component (quadruple diamond icon)
  • Isang Instance Component (iisang icon ng brilyante)

Mga Pangunahing Bahagi

Bago ang anumang bagay, kailangan mo munang lumikha ng Master Component. Upang gawin ito, sundin ang mga hakbang sa ibaba:

  1. Mag-right click sa iyong layer, grupo, o frame.
  2. Piliin ang Gumawa ng Component.
  3. Sa kaliwang bahagi ng screen, makakakita ka ng drop-down na menu na nagsasabing Component. I-click ito.
  4. Mula rito, mapapansin mo ang isang menu kung saan maaari kang gumawa ng mga pagbabago sa iyong bahagi at muling idisenyo ang mga istilo sa mga proyekto.

Ang isa pang paraan ng paglikha ng Master Component ay ang paggamit ng mga shortcut:

  • Mga Opsyon + Command + K para sa Mac
  • Ctrl + Alt + K para sa Windows

Siyempre, gumagana lang ang paraang ito kung gumagamit ka ng Figma sa isang PC.

Mga Instant na Bahagi

Ang Instant Component ay isang kopya ng iyong Master Component. Kapag na-edit ang Master Component sa anumang paraan, awtomatikong ina-update ang Instance upang tumugma sa anumang pagbabagong ginawa. Kung gumagawa ka ng isang website, ang tool na ito ay maaaring maging partikular na kapaki-pakinabang at makatipid sa iyo ng maraming oras. Halimbawa, wala na ang mga araw ng manual na pagpasok sa lahat ng iyong mga bahagi upang ulitin ang parehong mga pag-edit. Sa halip, binabago ng Figma ang lahat ng ito para sa iyo.

Maaaring dumating ang punto kung saan nakagawa ka ng maraming Instance at gusto mong bumalik sa iyong Master Component para makagawa ka ng mabilisang pagbabago sa lahat ng iyong bahagi. Upang ma-access ang iyong Pangunahing Bahagi, gawin ang sumusunod:

  1. Mag-right-click sa anumang Instance.
  2. Mag-click sa Pumunta sa Master Component.
  3. Lalabas ang Master Component sa sidebar sa kaliwang bahagi.

Habang ang paggawa ng mga bahagi nang paisa-isa ay medyo simple; maaari mong pabilisin ang mga bagay sa pamamagitan ng paggawa ng mga ito nang maramihan. Upang gawin ito, sundin ang mga hakbang na ito:

paano ko lilipat ang mga google account
  1. Mula sa iyong Layers Panel, piliin ang mga layer kung saan mo gustong gumawa ng mga bahagi.
  2. I-click ang icon na arrow na nakaharap pababa na matatagpuan sa tabi ng icon ng Master Component sa loob ng Layers Panel.
  3. Piliin ang Lumikha ng Maramihang Mga Bahagi mula sa mga magagamit na opsyon.
  4. Mula doon, gagawa ang Figma ng isang bahagi para sa bawat layer ng frame.

Mga karagdagang FAQ

Paano Ko I-override o Ide-detach ang isang Instance?

Maaaring may mga pagkakataong gusto mong gumawa ng mga pagbabago sa mga katangian ng isang partikular na Instance nang hindi binabago ang lahat ng iba pa. Maaari kang gumawa ng mga pagkakaiba-iba ng iba't ibang mga bahagi. Sa Figma, ito ay tinutukoy bilang overriding.

Kapag na-override mo ang isang Instance, hindi ito makakaapekto sa anumang pagbabagong ginawa sa Master Component. Upang gawin ito, tingnan ang mga hakbang sa ibaba:

1. Mag-click sa iyong Instance Component.

2. Mula sa panel ng Properties sa kanang bahagi ng iyong screen, piliin ang Component.

3. Mula sa lalabas na drop-down na menu, piliin ang Detach Instance.

Kung gusto mong i-clear ang isang override, piliin ang component, pagkatapos ay piliin ang I-reset ang Instance mula sa itaas na gitnang bar sa iyong screen.

Ano ang Gagawin Ko Kung Hindi Ko sinasadyang Tanggalin ang Aking Pangunahing Bahagi?

Kapag gumugol ka ng buong araw sa pag-edit ng nilalaman, maaari kang minsan ay hindi sinasadyang madulas at magtanggal ng isang bagay na mahalaga, tulad ng iyong Master Component. Huwag matakot, para sa pagpapanumbalik nito ay kasingdali ng 1-2-3. Sundin lamang ang mga pangunahing hakbang na ito para maibalik ang nawawalang Master Component:

1. Pumunta sa isa sa mga Instance ng component.

2. Sa panel ng Properties sa kanang bahagi ng screen, piliin ang Restore Master Component.

3. Lalabas kaagad ang Master Component.

Paano Ako Magdaragdag ng Paglalarawan para sa Aking Mga Bahagi?

Kapag nililikha ang iyong mga bahagi, ang pagdaragdag ng paglalarawan at isang link ng dokumentasyon sa bawat isa ay makakatulong sa iyo na mag-navigate nang mas mahusay sa iyong proyekto. Magagamit din ito para sa sinumang mga collaborator na maaaring nakikipagtulungan ka upang magkaroon ng access sa mga karagdagang tala. Upang magdagdag ng paglalarawan, pumunta sa panel ng Properties sa kanang bahagi ng page at piliin ang Magdagdag ng Paglalarawan.

Kapag nagawa mo na iyon, maa-access ng sinumang tagapanood sa labas ang impormasyong ito sa pamamagitan ng pagpunta sa Inspect Panel sa kanang sidebar.

Paano Ako Mag-i-import ng Mga Bahagi sa Figma?

Maaari kang mag-import ng lahat ng uri ng mga file sa isang bahagi ng Figma. Ang pinakamadaling paraan upang gawin ito ay mula sa iyong desktop. Sundin lamang ang mga hakbang na ito:

1. Sa Figma, buksan ang pahina kung saan mo gustong mag-import ng file.

2. Mula sa iyong mga file, piliin ang partikular na file na gusto mong gamitin.

3. I-drag at i-drop ang napiling file sa iyong pahina ng Figma.

4. Kapag natapos mo na ito, i-click ang Tapos na.

Ang Daan sa Tagumpay

Ang Figma ay isang mahusay na tool upang magamit kung bago ka man sa pagdidisenyo o matagal ka nang nasa laro. Ang software ay nag-aalok ng isang beginner-friendly na sistema ng pag-edit kung saan ang mga designer ay maaaring lumikha ng nilalaman mula sa simula o gumamit ng tulong ng isang template kung kinakailangan.

Ang pag-unawa kung paano matagumpay na gumamit ng mga bahagi sa Figma ay makakapagtipid sa iyo ng maraming oras kapag nagsasagawa ng isang proyekto sa disenyo. Sa pamamagitan ng pag-aaral kung paano lumikha ng isang de-kalidad na component system, magagawa mong umunlad bilang isang taga-disenyo. Hindi lang iyon, ngunit makakatulong din ito sa iyong mapanatili ang pare-parehong daloy ng trabaho sa kabuuan ng iyong malikhaing paglalakbay at payagan ang sinumang mga collaborator sa hinaharap na madaling mahanap ang iyong trabaho.

Nasubukan mo na bang gamitin ang Figma para sa iyong mga malikhaing proyekto? Paano mo nalaman ang paggamit ng mga bahagi? Ipaalam sa amin ang higit pa tungkol sa iyong karanasan sa seksyon ng komento sa ibaba.

Kagiliw-Giliw Na Mga Artikulo

Choice Editor

Magdagdag at Alisin ang Voice Voice sa Windows 10
Magdagdag at Alisin ang Voice Voice sa Windows 10
Paano magdagdag at mag-alis ng isang boses ng pagsasalita sa Windows 10. Ang mga bagong bersyon ng Windows ay madalas na nagdaragdag ng mga bagong tinig sa text-to-speech. Idinagdag ng Windows Vista si Anna na napanatili
Hindi Nakakatanggap ng mga Teksto sa iPhone 6S? - Narito ang Dapat Gawin
Hindi Nakakatanggap ng mga Teksto sa iPhone 6S? - Narito ang Dapat Gawin
Ang hindi makatanggap ng mga text o iMessgaes sa iPhone 6S at iba pang mga device ay medyo nakakainis. Naghihintay ka man ng ilang malaking balita, o nasa kalagitnaan lang ng paggawa ng mga plano kasama ang iyong mga kaibigan, hindi nakakatanggap ng text
Huawei P9 – Paano Gamitin ang Slow Motion
Huawei P9 – Paano Gamitin ang Slow Motion
Ang paggamit ng feature na slow motion sa iyong mga video ay maaaring mag-highlight ng mga mabilisang kaganapan sa pamamagitan ng pagpapabagal sa mga ito. Maaari mo ring gamitin ang epektong ito upang magdagdag ng higit pang drama sa isang espesyal na video clip. Kung handa ka nang i-unlock ang iyong pagkamalikhain,
Paano Mag-download ng Mga Kanta Mula sa SoundCloud hanggang sa MP3
Paano Mag-download ng Mga Kanta Mula sa SoundCloud hanggang sa MP3
Ang SoundCloud ay isang kamangha-manghang mapagkukunan na namamahala upang makipagkumpitensya sa mas malaking badyet na Pandora at Spotify sa kabila ng magagamit nang libre. Pinapayagan ka nitong makinig sa audio offline sa loob ng player ngunit kung nais mong lumipat mula
Paano Ikonekta ang Discord sa PS4 o PS5
Paano Ikonekta ang Discord sa PS4 o PS5
Alamin kung paano ikonekta ang iyong PlayStation Network account para sa PS4 o PS5 sa iyong Discord para maipakita mo ang iyong mga laro sa iyong mga kaibigan.
Paano I-block ang Mga Text Message sa OnePlus 6
Paano I-block ang Mga Text Message sa OnePlus 6
Sa modernong panahon at panahon na ito, naging normal na ang maglagay ng mga ad at subukang magbenta ng halos kahit ano. Nakakakuha ka ba ng maraming spam na text message sa iyong inbox kamakailan? Sinusubukan ng ilan na magbenta sa iyo ng isang bagay, habang
Pagsusuri ng Microsoft LifeCam VX-3000
Pagsusuri ng Microsoft LifeCam VX-3000
Larawan 1 Kung kailangan mo upang mag-ambag nang malayuan sa isang pagpupulong sa negosyo o makipag-chat sa mga kamag-anak o kaibigan sa malalayong lugar, ang mga webcam ay madaling kayang bayaran para sa lahat. Habang hindi isinasama ng Vista ang Live Messenger bilang pamantayan, isa ito