V posledných rokoch sa Figma rýchlo rozrástla na popularite a niet divu. Bezplatný cloudový softvér je ľahko dostupný na všetkých zariadeniach a nevyžaduje žiadne splátky ani sťahovanie. Od navrhovania rozhraní mobilných aplikácií až po vytváranie príspevkov na sociálnych sieťach, s Figma môžete experimentovať so všetkými druhmi funkcií grafického dizajnu a rozšíriť svoje zručnosti.
Pre ešte väčšiu konzistentnosť vo svojich návrhoch možno budete chcieť zvážiť použitie komponentov vo svojej práci. Komponenty sú prvky používateľského rozhrania (UI), ktoré možno použiť vo viacerých súboroch na Figma. Tie môžu byť často výrazným doplnkom k vašim návrhom a zvýšiť ich celkovú kvalitu.
Či už ste vo Figme noví alebo ju už nejaký čas používate a nie ste si istí, ako úspešne používať komponenty, sme tu, aby sme vám pomohli.
V tomto článku preskúmame, ako používať komponenty Figma a ako vám to môže pomôcť pozdvihnúť vašu prácu.
Ak máte záujem dozvedieť sa viac, pokračujte v čítaní.
Ako používať komponenty vo Figme
Zvládnutie používania komponentov vám môže pomôcť s organizáciou a konzistentnosťou pri prevádzke Figmy. Tieto prvky používateľského rozhrania možno znova a znova použiť v rôznych projektoch dizajnu, na ktorých možno pracujete. Komponent môže byť vytvorený ako ikona, tlačidlo a ďalšie, v závislosti od vášho projektu.
Skvelá vec na zavádzaní komponentov do vášho zážitku z Figmy je, že vám ušetrí veľa času. Akékoľvek zmeny, ktoré vykonáte na jednom komponente, sa automaticky aktualizujú na ostatných. To môže byť obzvlášť užitočné, ak máte obmedzený časový rámec alebo spolupracujete s inými dizajnérmi a chcete urýchliť svoj pracovný tok.
Na začiatku si všimnete, že na každej strane hlavného plátna, ktoré používate, sú dva bočné panely. Na úpravy projektu môžete použiť nástroje z ktoréhokoľvek z týchto bočných panelov.
Bočný panel na pravej strane vám poskytuje prístup k akýmkoľvek nastaveniam prototypu a umožňuje vám upraviť alebo upraviť akékoľvek vlastnosti vašich komponentov. Bočný panel vľavo vám však ponúka vrstvy, aktíva a stránky použité vo vašom projekte. Toto sa označuje ako panel vrstiev.
Komponenty by mali byť zavedené do vašej práce pomerne skoro. Pomáhajú vám udržiavať konzistentnosť vo vašich návrhoch a umožňujú vám zrýchliť rýchlosť vykonávania zmien vo vašich projektoch. Komponent má dva kľúčové prvky:
- Hlavný (alebo hlavný) komponent (ikona štvorca diamantu)
- Komponent inštancie (ikona s jedným diamantom)
Hlavné komponenty
Pred čímkoľvek iným musíte najskôr vytvoriť hlavný komponent. Postupujte podľa nasledujúcich krokov:
- Kliknite pravým tlačidlom myši na vrstvu, skupinu alebo rám.
- Vyberte Vytvoriť komponent.
- Na ľavej strane obrazovky sa zobrazí rozbaľovacia ponuka s názvom Komponent. Kliknite na toto.
- Odtiaľto si všimnete ponuku, v ktorej môžete vykonávať zmeny v komponentoch a prerábať štýly v rámci projektov.
Ďalším spôsobom vytvorenia hlavného komponentu je použitie skratiek:
- Možnosti + Command + K pre Mac
- Ctrl + Alt + K pre Windows
Samozrejme, táto metóda funguje iba vtedy, ak používate Figma na PC.
Okamžité komponenty
Okamžitý komponent je kópiou vášho hlavného komponentu. Keď je hlavný komponent akýmkoľvek spôsobom upravený, inštancia sa automaticky aktualizuje, aby zodpovedala akýmkoľvek vykonaným zmenám. Ak vytvárate webovú stránku, tento nástroj môže byť obzvlášť užitočný a ušetrí vám veľa času. Napríklad by boli preč dni, keď sa manuálne prechádzali do všetkých vašich komponentov a opakovali sa rovnaké úpravy. Namiesto toho ich Figma všetky zmení za vás.
Môže nastať bod, keď ste vytvorili viacero inštancií a chceli by ste sa vrátiť k hlavnému komponentu, aby ste mohli rýchlo zmeniť všetky svoje komponenty. Ak chcete získať prístup k hlavnému komponentu, postupujte takto:
- Kliknite pravým tlačidlom myši na ľubovoľnú inštanciu.
- Kliknite na Prejsť na hlavný komponent.
- Hlavný komponent sa zobrazí na bočnom paneli na ľavej strane.
Výroba komponentov po jednom je pomerne jednoduchá; veci môžete urýchliť ich hromadnou výrobou. Ak to chcete urobiť, postupujte takto:
ako urobíte svoj facebook súkromným
- Na paneli Vrstvy vyberte vrstvy, v ktorých chcete vytvoriť komponenty.
- Kliknite na ikonu šípky smerujúcej nadol, ktorá sa nachádza vedľa ikony hlavného komponentu na paneli Vrstvy.
- Z dostupných možností vyberte možnosť Vytvoriť viacero komponentov.
- Odtiaľ Figma vytvorí komponent pre každú vrstvu rámu.
Ďalšie často kladené otázky
Ako prepíšem alebo odpojím inštanciu?
Môžu nastať situácie, keď budete chcieť vykonať zmeny vlastností konkrétnej inštancie bez toho, aby ste zmenili všetky ostatné. Môžete vytvárať variácie rôznych komponentov. Vo Figme sa to označuje ako prepísanie.
Keď prepíšete inštanciu, žiadne zmeny vykonané v hlavnom komponente ju neovplyvnia. Ak to chcete urobiť, postupujte podľa nasledujúcich krokov:
1. Kliknite na svoj komponent inštancie.
2. Na paneli Vlastnosti na pravej strane obrazovky vyberte Komponent.
3. V zobrazenej rozbaľovacej ponuke vyberte možnosť Odpojiť inštanciu.
Ak chcete vymazať prepísanie, vyberte komponent a potom v hornom strednom pruhu na obrazovke vyberte možnosť Obnoviť inštanciu.
Čo mám robiť, ak omylom odstránim svoj hlavný komponent?
Keď celý deň strávite úpravou obsahu, môže sa stať, že sa vám niekedy náhodne pošmykne a vymažete niečo dôležité, napríklad hlavný komponent. Nebojte sa, obnovenie je také jednoduché ako 1-2-3. Ak chcete získať späť chýbajúci hlavný komponent, postupujte podľa týchto základných krokov:
1. Prejdite na jednu z inštancií komponentu.
2. Na paneli Vlastnosti na pravej strane obrazovky vyberte položku Obnoviť hlavný komponent.
3. Okamžite sa zobrazí hlavný komponent.
Ako pridám popis svojich komponentov?
Pri vytváraní vašich komponentov vám pridanie popisu a odkazu na dokumentáciu ku každému z nich môže pomôcť lepšie sa orientovať v projekte. Je tiež užitočné pre všetkých spolupracovníkov, s ktorými môžete pracovať, aby mali prístup k ďalším poznámkam. Ak chcete pridať popis, prejdite na panel Vlastnosti na pravej strane stránky a vyberte Pridať popis.
Keď to urobíte, všetci externí diváci budú mať prístup k týmto informáciám tak, že prejdú na kontrolný panel na pravom bočnom paneli.
Ako importujem komponenty do Figma?
Do komponentu Figma môžete importovať všetky druhy súborov. Najjednoduchší spôsob, ako to urobiť, je z pracovnej plochy. Jednoducho postupujte podľa týchto krokov:
1. Vo Figme otvorte stránku, na ktorú chcete importovať súbor.
2. Z vašich súborov vyberte konkrétny súbor, ktorý chcete použiť.
3. Presuňte vybraný súbor na vašu stránku Figma.
4. Po dokončení kliknite na tlačidlo Hotovo.
Cesta k úspechu
Figma je skvelý nástroj, ktorý môžete použiť bez ohľadu na to, či ste novým dizajnom alebo sa v hre pohybujete už roky. Softvér ponúka editačný systém vhodný pre začiatočníkov, v ktorom môžu dizajnéri vytvárať obsah od začiatku alebo v prípade potreby použiť šablónu.
Pochopenie toho, ako úspešne používať komponenty na Figme, vám môže ušetriť veľa času pri realizácii dizajnérskeho projektu. Keď sa naučíte, ako vytvoriť vysokokvalitný systém komponentov, budete môcť rásť ako dizajnér. Nielen to, ale tiež vám to môže pomôcť udržiavať konzistentný pracovný postup počas vašej tvorivej cesty a umožniť všetkým budúcim spolupracovníkom ľahko nájsť vašu prácu.
Skúsili ste použiť Figmu pre svoje kreatívne projekty? Ako ste našli použitie komponentov? Dajte nám vedieť viac o svojich skúsenostiach v sekcii komentárov nižšie.
