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

Paano Magamit ang Buong Site ng Facebook para sa Desktop Mula sa Iyong Telepono
Paano Magamit ang Buong Site ng Facebook para sa Desktop Mula sa Iyong Telepono
Ang mga tao ay mas nakasalalay sa kanilang mga smartphone upang matupad ang kanilang mga pangangailangan sa pag-browse. Sa gayon, ang mga website ay lalong nagsimulang mag-alok ng dalawang magkakahiwalay na bersyon ng kanilang sarili: isang mobile na bersyon, magaan na timbang, at isang buong bersyon ng desktop. Ang mga ilaw na bersyon ng mobile website sa pangkalahatan
Paano magdagdag ng Kopyahin bilang pindutan ng Path sa toolbar ng Classic Shell Explorer
Paano magdagdag ng Kopyahin bilang pindutan ng Path sa toolbar ng Classic Shell Explorer
Inilalarawan kung paano magdagdag ng pindutan ng Kopyahin bilang Landas sa toolbar ng Classic Shell Explorer
iPhone XS – Paano Maglipat ng mga File sa PC
iPhone XS – Paano Maglipat ng mga File sa PC
Kakailanganin mong ilipat ang ilang mga file mula sa iyong iPhone XS patungo sa isang PC maaga o huli. Ang smartphone na ito ay may kakayahang kumuha ng magagandang larawan at video na may mataas na resolution, kaya tiyak na ubusin mo talaga ang internal memory
Paano Mag-ayos ng isang HTTP 400 Error sa Roblox
Paano Mag-ayos ng isang HTTP 400 Error sa Roblox
Ang paggawa ng isang bagong laro sa Roblox ay hindi madali, lalo na kapag patuloy kang tumatanggap ng mga hindi tukoy na mensahe ng error. Ito ay maaaring maging lalong nakakabigo dahil ang mga error tulad ng isang HTTP 400 ay maaaring magkaroon ng iba't ibang mga kadahilanan. Sa kabutihang palad, mayroong ilang iba't ibang mga diskarte
Ang Snipping Tool ay may kasamang pagsasama ng Paint 3D
Ang Snipping Tool ay may kasamang pagsasama ng Paint 3D
Simula sa Windows 10 build 1703, ang tool na Snipping ay nakakuha ng isang bagong tampok. Ang application ay mayroon na ngayong isang espesyal na pindutan upang direktang buksan ang Paint 3D app.
Ang Opisyal na Gabay sa Mga Bersyon ng Android: Lahat ng Kailangan Mong Malaman
Ang Opisyal na Gabay sa Mga Bersyon ng Android: Lahat ng Kailangan Mong Malaman
Pinapatakbo mo ba ang kasalukuyang bersyon ng Android? Isang gabay sa open-source na Android OS mula 1.0 hanggang Android 13, ang pinakabagong mga bersyon ng Android.
Paano Gawing Mas Mahaba ang Record ng Wyze Cam
Paano Gawing Mas Mahaba ang Record ng Wyze Cam
Ang Wyze Cam ay isang tanyag at abot-kayang solusyon sa security camera para sa iyong tahanan. Ginagawa nito ang pagpapaandar ng isang sensor ng paggalaw, isang security camera, at hinahayaan ka ring makipag-usap sa sinumang nasa harap ng aparato. Gayunpaman,