У последњих неколико година, Фигма је брзо порасла у популарности, и није ни чудо. Софтвер заснован на облаку који се бесплатно користи је лако доступан на свим уређајима и не захтева никакве рате или преузимања. Од дизајнирања интерфејса мобилних апликација до производње постова на друштвеним медијима, са Фигма-ом, можете експериментисати са свим врстама карактеристика графичког дизајна и проширити своје вештине.
За још већу доследност у дизајну, можда бисте желели да размислите о коришћењу компоненти у свом раду. Компоненте су елементи корисничког интерфејса (УИ) који се могу користити у више датотека на Фигми. Они често могу бити снажан додатак вашем дизајну и побољшати њихов укупни квалитет.
Без обзира да ли сте нови у Фигми или је користите неко време и нисте сигурни како да успешно користите компоненте, ми смо ту да вам помогнемо.
У овом чланку ћемо истражити како да користите Фигма компоненте и како вам то може помоћи да унапредите свој посао.
Ако сте заинтересовани да сазнате више, наставите да читате.
Како користити компоненте у Фигми
Савладавање употребе компоненти може вам помоћи у организацији и доследности при раду са Фигма-ом. Ови елементи корисничког интерфејса могу се користити изнова и изнова у различитим дизајнерским пројектима на којима можда радите. Компонента се може направити у икони, дугмету и још много тога, у зависности од вашег пројекта.
Одлична ствар у вези са увођењем компоненти у ваше Фигма искуство је то што вам штеди много времена. Све промене које можете да унесете у једну компоненту аутоматски се ажурирају за друге. Ово може бити посебно корисно ако имате кратак временски оквир или сарађујете са другим дизајнерима и желите да убрзате свој радни ток.
За почетак, приметићете да постоје две бочне траке са сваке стране главног платна које користите. Можете користити алате са било које од ових бочних трака да бисте унели измене у свој пројекат.
Бочна трака са десне стране вам даје приступ свим подешавањима прототипа и омогућава вам да прилагодите или уредите било која својства ваших компоненти. Међутим, бочна трака са леве стране вам представља слојеве, средства и странице које се користе у вашем пројекту. Ово се назива панел слојева.
Компоненте треба увести у ваш рад прилично рано. Они вам помажу да одржите доследност у дизајну и омогућавају вам да убрзате брзину којом уносите промене у своје пројекте. Постоје два кључна елемента компоненте:
- Главна (или главна) компонента (четворострука дијамантска икона)
- Компонента инстанце (икона са једним дијамантом)
Мастер Цомпонентс
Пре било чега другог, прво морате да креирате главну компоненту. Да бисте то урадили, следите доле наведене кораке:
- Кликните десним тастером миша на слој, групу или оквир.
- Изаберите Креирај компоненту.
- На левој страни екрана видећете падајући мени који каже Компонента. Кликните на ово.
- Одавде ћете приметити мени где можете да мењате своју компоненту и редизајнирате стилове у пројектима.
Други начин креирања главне компоненте је коришћење пречица:
- Опције + Цомманд + К за Мац
- Цтрл + Алт + К за Виндовс
Наравно, овај метод функционише само ако користите Фигму на рачунару.
Инстант Цомпонентс
Инстант компонента је копија ваше главне компоненте. Када се главна компонента уреди на било који начин, инстанца се аутоматски ажурира како би одговарала свим извршеним изменама. Ако правите веб локацију, овај алат може бити посебно користан и уштедети вам много времена. На пример, прошли би дани када сте ручно улазили у све ваше компоненте да бисте поновили исте измене. Уместо тога, Фигма их све мења уместо вас.
Може доћи до тачке у којој сте креирали више инстанци и желели бисте да се вратите на своју главну компоненту како бисте могли брзо да промените све своје компоненте. Да бисте приступили главној компоненти, урадите следеће:
- Кликните десним тастером миша на било коју инстанцу.
- Кликните на Иди на главну компоненту.
- Главна компонента ће се појавити на бочној траци са леве стране.
Док је прављење компоненти једну по једну релативно једноставно; можете убрзати ствари тако што ћете их направити на велико. Да бисте то урадили, следите ове кораке:
како програмирати року даљински на тв
- На панелу слојева изаберите слојеве на којима желите да креирате компоненте.
- Кликните на икону стрелице окренуте надоле која се налази поред иконе главне компоненте у оквиру панела слојева.
- Изаберите Креирај више компоненти међу доступним опцијама.
- Одатле, Фигма ће направити компоненту за сваки слој оквира.
Додатна често постављана питања
Како да поништим или одвојим инстанцу?
Може доћи до тренутака када желите да промените својства одређене инстанце без промене свих осталих. Можете направити варијације различитих компоненти. У Фигми, ово се назива надјачавањем.
Једном када поништите инстанцу, све промене направљене у главној компоненти неће утицати на њу. Да бисте то урадили, погледајте доле наведене кораке:
1. Кликните на компоненту инстанце.
2. На панелу Својства на десној страни екрана изаберите Компонента.
3. У падајућем менију који се појави изаберите Одвоји инстанцу.
Ако желите да обришете замена, изаберите компоненту, а затим изаберите Ресет Инстанце са горње средње траке на екрану.
Шта да радим ако случајно избришем своју главну компоненту?
Када проведете цео дан уређујући садржај, понекад можете случајно да склизнете и избришете нешто важно, попут ваше главне компоненте. Не бојте се, за враћање је лако као 1-2-3. Само следите ове основне кораке да бисте вратили ту недостајућу главну компоненту:
1. Идите на једну од инстанци компоненте.
2. У панелу Својства на десној страни екрана изаберите Врати главну компоненту.
3. Главна компонента ће се одмах појавити.
Како да додам опис за своје компоненте?
Када креирате своје компоненте, додавање описа и везе са документацијом свакој од њих може вам помоћи да се боље крећете у пројекту. Такође је згодно за све сараднике са којима можда радите да имају приступ додатним белешкама. Да бисте додали опис, идите на панел Својства на десној страни странице и изаберите Додај опис.
Када то урадите, сви спољни гледаоци могу приступити овим информацијама тако што ће отићи на Инспецт Панел на десној бочној траци.
Како да увезем компоненте у Фигму?
Можете увести све врсте датотека у компоненту Фигма. Најлакши начин да то урадите је са радне површине. Једноставно следите ове кораке:
1. У Фигми отворите страницу на коју желите да увезете датотеку.
2. Из ваших датотека изаберите одређену датотеку коју желите да користите.
3. Превуците и отпустите изабрану датотеку на своју Фигма страницу.
4. Када ово завршите, кликните на Готово.
Пут ка успеху
Фигма је одличан алат за коришћење било да сте нови у дизајну или сте у игри годинама. Софтвер нуди систем за уређивање прилагођен почетницима где дизајнери могу креирати садржај од нуле или користити помоћ шаблона ако је потребно.
Разумевање како да успешно користите компоненте на Фигми може вам уштедети много времена при извођењу пројекта дизајна. Научивши како да креирате систем компоненти високог квалитета, моћи ћете да растете као дизајнер. И не само то, већ вам може помоћи да одржите доследан ток посла током вашег креативног пута и омогућите свим будућим сарадницима да лако пронађу ваш посао.
Да ли сте покушали да користите Фигму за своје креативне пројекте? Како сте открили да користите компоненте? Јавите нам више о свом искуству у одељку за коментаре испод.
