x
 
Константин Мозговой
21 апреля 2020
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Как работать в Фигме быстрее

В про­шлый раз мы изу­чили, как быстро выде­лять, пере­ме­щать, изме­нять раз­меры объ­ек­тов в Фигме и рабо­тать с пане­лью слоёв. Сегодня рас­смот­рим, как уско­рить работу с объ­ек­тами и интер­фей­сом программы.

Как работать в Фигме быстрее

Ускорение работы с объектами

Чтобы быстро начать редак­ти­ро­вать текст в выбран­ном объ­екте, нажмите Enter или T.

Чтобы пере­име­но­вать сразу кучу объ­ек­тов, выде­лите их и нажмите Ctrl + R (⌘ + R на маке). Откро­ется окно, в кото­ром вы смо­жете пере­име­но­вать все объ­екты оди­на­ково и доба­вить им поряд­ко­вые номера.

Чтобы изме­нять зна­че­ние «опас­но­сти» (то есть непро­зрач­но­сти) для выбран­ного объ­екта, нажи­майте цифры на кла­ви­а­туре — прямо как в Фото­шопе. Напри­мер, нажав 9, вы полу­чите 90% «опас­но­сти», 8 — 80%, 7 — 70% и так далее. Для боль­шей точ­но­сти можно быстро нажи­мать две цифры. Напри­мер, быст­рое нажа­тие на 5 и 9 даст 59%. Еди­нич­ное нажа­тие на 0 даёт 100%, а быст­рое двой­ное нажа­тие — 0%.

Для быст­рого отра­же­ния объ­екта по гори­зон­тали нажмите Shift + H (horizontal), по вер­ти­кали — Shift + V (vertical).

Чтобы в Фигме быстро сде­лать копию объ­екта на том же месте, вме­сто Ctrl (⌘) + C и Ctrl (⌘) + V доста­точно про­сто нажать Ctrl (⌘) + D.

Чтобы импор­ти­ро­вать несколько кар­ти­нок, нажмите Ctrl (⌘) + Shift + K или выбе­рите Shape Tools → Place Image на панели инстру­мен­тов. После этого вы смо­жете нажи­мать на отдель­ные объ­екты, чтобы по оче­реди запол­нить их импор­ти­ру­е­мыми картинками.

Есть спо­соб сде­лать работу с пипет­кой удоб­нее. Выбе­рите какой‑нибудь объ­ект макета и вклю­чите пипетку кла­ви­шей I. Затем зажмите левую кнопку мыши и пере­ме­щайте кур­сор по макету — выбран­ный объ­ект будет авто­ма­ти­че­ски перекрашиваться.

Если вам нужно пере­де­лать группу объ­ек­тов в фрейм, не нужно её раз­груп­пи­ро­вы­вать и соби­рать заново. Можно про­сто пере­клю­чить зна­че­ние Group на Frame в спе­ци­аль­ном меню пра­вой панели.

Чтобы выбрать забло­ки­ро­ван­ный слой, про­сто клик­ните по нему пра­вой кноп­кой мыши с зажа­тым Ctrl (⌘).

Чтобы быстро перейти к нуж­ному объ­екту в макете, два­жды клик­ните по его мини­а­тюре на панели слоёв.

Управление интерфейсом

Чтобы пере­ме­щаться между откры­тыми вклад­ками, нажи­майте Ctrl (⌘) + номер вкладки. Напри­мер, если открыто пять вкла­док, нажа­тие Ctrl (⌘) + 1 пере­ме­стит вас на первую, Ctrl (⌘) + 2 на вто­рую и так далее. Так же можно пере­ме­щаться между вклад­ками по оче­реди, нажи­мая Ctrl (⌘) + Alt + ← или →.

Чтобы пере­ме­щаться по стра­ни­цам доку­мента, нажи­майте кла­виши Page Up и Page Down.

Можно скрыть все панели, нажав Ctrl (⌘) + \.

Можно пере­клю­чить отоб­ра­же­ние макета в режим Outlines, нажав Ctrl (⌘) + Shift + 3 или выбрав в глав­ном меню View → Outlines. Этот режим может быть поле­зен при работе со слож­ными ком­по­нен­тами, так как в нём пока­зы­ва­ются все кон­туры вло­жен­ных фреймов.

Если вы забыли какое‑то соче­та­ние быст­рых кла­виш, поищите его в спе­ци­аль­ной панели, кото­рое откры­ва­ется по нажа­тию Ctrl (⌘) + Shift + /. Или выбе­рите в глав­ном меню Help and Account → Keyboard Shortcuts.

P. S. Это был вторничный совет о дизайне интерфейсов. Присылайте вопросы.

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как передавать макеты в разработку? 2 Как работать в Фигме быстрее. Часть 3 1 Как работать в Фигме быстрее 6 Плагины для Фигмы. Часть 2




Недавно всплыло

1 3 Куда податься? 2 9