Найти в Дзене

Фишки и трюки в Figma | Часть 2

Вот полный список самых последних и самых удобных комбинаций клавиш и техник Figma. Они сэкономят ваше время и сделают ваш рабочий процесс в Figma максимально комфортным. Наложения в прототипах Для плавного, мягкого эффекта создайте модальное окно в виде отдельного фрейма, свяжите его с другим фреймом и установите в свойствах прототипа значение «Наложение». Позиционирование оверлеев Когда вы выбираете для «Overlay» «Пользовательский» режим наложения, вы можете легко перетащить его в любое место. Если вы наведите курсор мыши за пределы этого поля, сохраняя при этом выделение, вы можете использовать стрелки клавиатуры для большей точности изменений. Состояния оверлеев Чтобы установить несколько состояний для оверлеев, создайте несколько версий Overlay и добавьте взаимодействия между ними. Убедитесь, что вы установили свойство Swap для выбранного перехода, чтобы состояния заменяли друг друга. Невидимые цели Чтобы создать цель для ваших прототипов, нарисуйте прямоугольник и уменьшите е
Оглавление

Вот полный список самых последних и самых удобных комбинаций клавиш и техник Figma. Они сэкономят ваше время и сделают ваш рабочий процесс в Figma максимально комфортным.

SSITES | Цифровые продукты | SSITES
SSITES | Цифровые продукты | SSITES

Наложения в прототипах

Для плавного, мягкого эффекта создайте модальное окно в виде отдельного фрейма, свяжите его с другим фреймом и установите в свойствах прототипа значение «Наложение».

Наложения в прототипах  | SSITES
Наложения в прототипах | SSITES

Позиционирование оверлеев

Когда вы выбираете для «Overlay» «Пользовательский» режим наложения, вы можете легко перетащить его в любое место. Если вы наведите курсор мыши за пределы этого поля, сохраняя при этом выделение, вы можете использовать стрелки клавиатуры для большей точности изменений.

Позиционирование оверлеев  | SSITES
Позиционирование оверлеев | SSITES

Состояния оверлеев

Чтобы установить несколько состояний для оверлеев, создайте несколько версий Overlay и добавьте взаимодействия между ними. Убедитесь, что вы установили свойство Swap для выбранного перехода, чтобы состояния заменяли друг друга.

Состояния оверлеев  | SSITES
Состояния оверлеев | SSITES

Невидимые цели

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

Невидимые цели  | SSITES
Невидимые цели | SSITES

Специальные действия и триггеры

Вы можете использовать разные триггеры для переходов ваших прототипов, а также специальные действия, такие как возврат к предыдущему экрану или закрытие наложения.

Специальные действия и триггеры  | SSITES
Специальные действия и триггеры | SSITES

Значение шага смещения

Найдите «Смещение» в меню (Cmd + /) и отрегулируйте большое и малое смещение для большей точности, управляя стрелками на клавиатуре. Большой сдвиг - стрелки клавиатуры + Shift, и вы можете установить его на 8 пикселей, если вы работаете с сеткой 8 пикселей.

Значение шага смещения  | SSITES
Значение шага смещения | SSITES

Выбор заблокированных слоев

Чтобы получить доступ к заблокированным слоям, просто нажмите Ctrl + клик правой кнопкой мыши. Вуаля!

Выбор заблокированных слоев  | SSITES
Выбор заблокированных слоев | SSITES

Пакетная разблокировка/отображение объектов

Найдите в Figma Menu (Command + /) «Unlock» или «Unhide» и вы получите параметр, который будет выполнять эту операцию за вас.

Пакетная разблокировка/отображение объектов  | SSITES
Пакетная разблокировка/отображение объектов | SSITES

Пакетный импорт изображений

Нажмите Cmd + Shift + K чтобы открылось меню импорта изображений, а затем выберите несколько изображений. Тогда вы сможете нажимать на отдельные фигуры, чтобы заполнить их изображениями.

Пакетный импорт изображений  | SSITES
Пакетный импорт изображений | SSITES

Импорт изображений и GIF

Чтобы заполнить форму изображением, перетащите изображение или gif файл на слой «Заливка» на панели «Свойства». Если вы используете GIF-файлы, нажмите на миниатюру, и вы сможете настроить кадр. Когда вы откроете файл, GIF будет работать.

Импорт изображений и GIF  | SSITES
Импорт изображений и GIF | SSITES

Советы по копированию и вставке

Чтобы вставить другую фигуру в верх определенного слоя, используйте комбинацию Cmd + C, а затем Cmd + Shift + V.

Советы по копированию и вставке | SSITES
Советы по копированию и вставке | SSITES