Figma е мощен инструмент за проектиране и е първият избор на повечето UX/UI дизайнери като програма за дизайн. Можете да създадете толкова много във Figma и това е лесна програма за научаване.
Като дизайнери, ние често търсим да спестим време, така че прекарваме ценните си часове в създаване на добра работа, вместо да ровим из менютата. Съставихме списък с полезни преки пътища на Figma, които ще рационализират вашия работен процес.
Тази проста комбинация с един клавиш е бърз начин за мащабиране на вашите елементи. Удари К клавиш, след което изберете обекта, който трябва да преоразмерите. Всичко, което трябва да направите, е да щракнете и плъзнете една опорна точка и вашият обект остава в мащаб, докато преоразмерявате до каквото искате да бъде.
Инструментът Frame е много използван инструмент във Figma при създаване на множество рамкови платки за прототипни проекти. Удряне
Е на вашата клавиатура извежда инструмента с едно докосване, което ви позволява бързо да рисувате или оразмерявате рамката си.Можете да начертаете рамката директно, като щракнете и плъзнете курсора си или след като инструментът Frame е избран, можете да въведете желаните от вас размери в полетата за размери в менюто на рамката вдясно.
3. Превключвайте между режимите на дизайн и прототип
The Shift + д пряк път ви позволява да превключвате между режим на проектиране и режим на прототип. Същият пряк път работи независимо от кой режим стартирате и към който превключвате. Вижте нашите ръководство за начинаещи във Figma за да научите разликите между тези режими.
Като алтернатива има по-специфични преки пътища за тази цел. Alt (Windows) / опция (Mac) + 8 може да се използва за превключване от режим на прототип към режим на проектиране, докато Alt (Windows) / опция (Mac) + 9 превключва от режим на проектиране обратно в режим на прототип. очевидно, Shift + д е по-лесно, но е хубаво да има опции.
4. Изберете най-вътрешния елемент с едно кликване (дълбоко избиране)
Когато проектирате на няколко слоя или с вградени изображения, може да е трудно бързо да изберете един елемент. За да спестите време да щраквате, което се чувства като дузина пъти, за да изберете най-долния си слой, използвайте вместо това този пряк път.
На Mac задръжте Cmd + Кликнете елемента и в Windows, Ctrl + Кликнете. Един прост клавиш спестява минути безсмислено щракване за избор на елемент от долния слой.
5. Преместете ниво, след като изберете най-вътрешния елемент
След като успеете да изберете най-вътрешния елемент от вашия дизайн, може да осъзнаете, че искате да изберете елемент едно ниво по-близо - лесно. След като намерите най-вътрешния елемент, натиснете Shift + Въведете за да се върнете ниво назад. Можете да направите това за всички нива.
6. Свиване на всички слоеве
Когато проектирате във Figma, вашият панел със слоеве ще започне да се разширява и потенциално ще изглежда малко разхвърлян, особено когато конвертирайте HTML в дизайн на Figma. За да свиете вашите слоеве, просто натиснете Alt + Л (Windows) или опция + Л (Mac).
Ако сте избрали елемент, докато използвате този пряк път, слоят с този елемент ще остане отворен. Изберете произволно място извън артборда, за да отмените избора на всички елементи и използвайте прекия път, за да свиете всички слоеве.
7. Показване или скриване на решетките на оформлението
Използването на решетки за оформление е най-добрият начин да гарантирате, че дизайнът ви отговаря на определени пропорции и може да се мащабира правилно за различни устройства. Въпреки че са полезни, не искате винаги решетките да се показват.
Включването и изключването на решетките на оформлението е различно на Mac, отколкото на Windows. На Mac, хит Ctrl + Ж за да го включите или изключите. Ако използвате Windows, това е пряк път с три клавиша; Ctrl + Shift + 4. Те са различни, но правят едно и също нещо.
8. Поставете няколко снимки наведнъж
Ако сте проектирали оформление с форми на контейнери, готови за вашите изображения, може да е разочароващо да вмъквате изображенията едно по едно. Този пряк път ви позволява да поставите няколко снимки и просто да изберете контейнера или където и да е върху таблото ви, за да поставите всяка отделна снимка.
За потребители на Mac, натиснете Cmd + Shift + К за да издърпате диалоговия прозорец, за да намерите вашите изображения. В Windows е Ctrl + Shift + К за да намерите и поставите множество снимки във вашия дизайн на Figma. Ако ти създайте главен шаблон във Figma, това е чудесен пряк път за използване.
9. Копирайте всяко изображение като PNG
Когато използвате изображения във вашия дизайн на Figma, може да имате набор от файлови формати, но може би вашият клиент изисква PNG. Можете да копирате всяко изображение като PNG, независимо от неговия формат на произход.
Изберете избраното от вас изображение и натиснете Cmd + Shift + ° С на Mac и Ctrl + Shift + ° С в Windows, за да го копирате като PNG. Можете лесно да използвате този пряк път, за да осигурите висок стандартен формат на изображението, особено ако сте създаване на презентации с Figma.
10. Капнете цвят от всяко място
Поставянето на цвят е удобна функция, когато пренасяте цвят от една част на дизайна си в друга. Тази бърза клавишна комбинация ви позволява да издърпате капкомера за секунда и да промените цвят от всяка точка на таблото.
На Mac, хит Ctrl + ° С, а в Windows това е клавишът с букви аз. След като натиснете клавишните комбинации, преместете мишената на капкомера върху цвета, който искате да използвате, и щракнете веднъж, за да промените цвета.
11. Отворете раздела Ресурси
Разделът Ресурси е домът на менютата Компоненти, Приставки и Приспособления. Въпреки че няма преки пътища за отваряне на тези менюта поотделно, прекият път за ресурси все пак спестява известно време: Shift + аз. Можеш използвайте добавки, за да създавате и добавяте макети към вашите дизайни на Figma.
Спестете време с преките пътища на Figma
Дизайнерите обикновено използват преки пътища в работата си, за да спестят време и енергия, а работата във Figma не е по-различна. Тези преки пътища на Figma само надраскват повърхността на преките пътища, които можете да използвате в програмата.
Тези преки пътища не са очевидни или лесни за намиране, така че пренесете новите си знания във Figma и се насладете на информацията, която на много дизайнери отнема месеци или години, за да разберат.
