Топ 11 клавишни комбинации на Figma за Windows и Mac
Miscellanea / / November 29, 2021
Figma набира популярност в дизайнерското пространство. Софтуерът за скици доминира предимно в индустрията за UI/UX дизайн. Но най-новите предложения от Adobe (Adobe XD) и Figma с гъвкаво ценообразуване, безпроблемно споделяне и междуплатформена наличност променят уравнението за UI/UX дизайнерите там.
![Дизайн](/f/b2a701a4e9c71dc4cc4ad02ae4aaacaf.jpg)
Наличността на Figma в уеб, Windows и macOS, заедно с нейния отличен стартов план (3 проекта и 2 редактора), я прави идеален избор за проектиране, прототип и овладяване на умения за проектиране на потребителски интерфейс. Компанията наскоро въведе дългоочакваната поддръжка на плъгини за него. Ако сте нов в UI/UX пространството за дизайн и започвате пътуването си с Figma, тогава може да искате да запомните куп основни клавишни комбинации на Figma за Windows и Mac.
В тази публикация ще разгледаме единадесет най-добри клавишни комбинации на Figma, които можете да използвате на компютър с Windows и Mac. Да започваме.
Посетете Figma
1. Основни възможности за увеличение
Не можете да използвате Figma или какъвто и да е софтуер за UI/UX дизайн, без да овладеете клавишните комбинации Zoom. Това ще бъдат най-използваните клавишни комбинации по време на вашия работен процес.
![Увеличете, за да пасне](/f/8a4386dff89ac3dd6a1be8ecc53d29fd.jpg)
За Windows и Mac можете да използвате Shift + 1, за да поберете слоевете на екрана. Shift + 2 за увеличаване на избрания кадър (моята най-използвана клавишна комбинация, тъй като ми позволява бързо да преглеждам детайлите на избрания компонент) и Shift + 0 за увеличение на 100%.
2. Показване/скриване на линийки и показване/скриване на решетките за оформление
Обикновено не използвам линийки във Figma, но ако планирате да ги използвате по време на дизайна на потребителския интерфейс, тогава можете да използвате клавишната комбинация Shift + R на PC или Mac, за да покажете/скриете линийки.
![Решетка за оформление на Figma](/f/c84f0859501fcbe872ceab6c83957e06.jpg)
Използвам Layout Grids през цялото време. Позволява ви да подредите компонентите, иконите на еднакво разстояние, позволява ви да организирате текста и други елементи. Използвайте клавишната комбинация Control + G на Mac, за да покажете/скриете решетките за оформление.
Също и на Guiding Tech
3. Инструмент за писалка, преместване и текст
Figma предлага мощен и адаптивен инструмент Pen. Ще разберете какво имам предвид, след като играете с него няколко минути. По време на работния процес на проектиране ще използвате тези три инструмента доста често.
Винаги можете да ги изберете от горното меню или да използвате инструмента P за писалка, V за преместване и T за текст на Windows и Mac.
4. Преместване между слоеве и компоненти
Тези две клавишни комбинации са доста удобни, когато работите по дизайнерски проект с твърде много слоеве и компоненти. Може да се наложи да се движите между тях постоянно. Можете да използвате Option + 1 за Mac или Alt + 1 за Windows, за да преминете към панела със слоеве. След това използвайте Option + 2 за Mac или Alt + 2 за Windows, за да отидете в менюто Компоненти.
5. Отворете инструмента за избор на цветове
Тази функция е полезна, когато искате да извлечете цвят от изображение, икона или друг компонент. Можете да използвате клавишната комбинация „I“ на Mac или Windows, за да отворите инструмента за избор на цвят. Задръжте курсора на мишката върху изображение или икона и копирайте цветния код от средство за избиране на цвят меню.
![Избор на цвят figma](/f/fa5d6fc43911d48ad8121b6c567f32a1.jpg)
6. Копиране/Поставяне на текущия стил
Това е истинско спестяване на време. Искате бързо да копирате текущия цвят/дизайн на компонент в друг текст или икона? Можете да изберете текущия елемент и да използвате Option + Command + C за Mac или Ctrl + Shift + C за Windows, за да копирате стила му. Сега изберете другия елемент и използвайте Option + Command + V за Mac или Ctrl + Shift + V за Windows, за да поставите стила.
7. Избор на група/разгрупиране
Групирането и разгрупирането са една от най-важните части на всеки софтуер за проектиране. След като добавите фигури, икони, текст, може да искате да ги групирате, за да ги премествате или променяте лесно. Можете да изберете елементите и да използвате Command + G за Mac или Ctrl + G за Windows, за да създадете група.
![Група фигма](/f/8015a39d9eba831e90bb945a1f160f18.jpg)
За да ги разгрупирате, използвайте Command + Shift + G за Mac или Ctrl + Shift + G за Windows.
Също и на Guiding Tech
8. Превключете заключване и отключване
Когато създавате дизайн с твърде много слоеве и компоненти, платното на Figma може да стане доста заето за вас. В тези сценарии няма да искате да местите икона, текст или компонент случайно. В такива случаи можете да изберете елемента и да използвате Command + Shift + L за Mac или Ctrl + Shift + L за Windows, за да ги заключите.
![Фигма за заключване](/f/8ab19d7d0bf59f3b9b7a64f6e5be15dd.jpg)
Той е представен с малка икона за заключване в менюто Слоеве. За да отключите, използвайте същата клавишна комбинация.
9. Създаване на компоненти
Компонентите са сърцето и душата на преживяването на Figma. Може да искате да използвате повторно едни и същи елементи в потребителския интерфейс на дизайна. Някои примери могат да бъдат меню за хамбургер, меню на долната лента, бутони и т.н., които искате да използвате повторно и за други екрани.
![Компоненти фигма](/f/8bd9319a220b39a38e99d3d8ae962786.jpg)
Можете да групирате иконите и текста с помощта на инструмента за групиране и след това да използвате Option + Command + K за Mac или Ctrl + Alt + K за Windows, за да създадете компонент. Сега влезте в тях от менюто Компоненти (Проверка #4).
10. Покажи екипна библиотека
Знаете ли, че Figma се нарича още Google Docs на дизайнерската индустрия? Софтуерът се предлага с безпроблемни опции за споделяне, които ви позволяват да добавяте редактори към екипа.
![Екипна библиотека figma](/f/2e304fbae6246748cdb0d0dd5564957f.jpg)
За големи проекти всеки член на екипа получава отделна задача за проектиране. Докато създавате дизайна в група, може да искате да посетите библиотеката на екипа, която се състои от общи компоненти и икони сред членовете. Можете да отворите менюто, като използвате Command + Option + O на Mac или Ctrl + Alt + O на Windows, за да отворите менюто на екипната библиотека.
11. Експортен дизайн
След като завършите дизайна, може да искате да използвате опцията за експортиране, за да извлечете икони и изображения от дизайна, така че да можете да ги изпратите на разработчиците, за да ги внедрят. Можете да изберете слоя и да използвате Command + Shift + E за Mac или Control + Shift + E за Windows, за да експортирате детайлите.
![Експортиране на фигма](/f/bd1b3346c442e505c417fa22ec205f2e.jpg)
Също и на Guiding Tech
Използвайте Figma като професионалист
Figma е отличен инструмент за UI/UX дизайнери. Той е безплатен за начинаещи, позволява споделяне и се предлага с множество клавишни комбинации, за да се осигури плавен работен процес. Приложете тези клавишни комбинации към вашия работен процес и създайте красиви UI дизайни като професионалист.
следващо: Canva и Crello са два от най-добрите дизайнерски инструменти за създаване на плакати и флаери. Прочетете сравнението по-долу, за да намерите по-добрия избор за вас.