Найти тему

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

Оглавление

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

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

Выбор с помощью клавиатуры

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

Выбор с помощью клавиатуры  | SSITES
Выбор с помощью клавиатуры | SSITES

Регулировка цветовых значений

Откройте настройки цвета и чтобы изменить его значения, просто нажимайте стрелки клавиатуры вверх / вниз. Работайте быстрее используя Shift.

Регулировка цветовых значений  | SSITES
Регулировка цветовых значений | SSITES

Вставка значений из CSS

Выберите любой код из CSS, который содержит значения цвета, независимо от того, является ли он rgba, hex или hsla, и вставьте его в шестнадцатеричное поле в Figma - он автоматически установит нужное значение.

Вставка значений из CSS  | SSITES
Вставка значений из CSS | SSITES

Изменение цвета в режиме реального времени

Если вы хотите предварительно просмотреть окончательный цвет, который вы применяете для объекта. Кликните на превью пипеткой (круг в правом верхнем углу) и зажмите правую кнопку мышки. Теперь, при перемещении мыши, цвет будет автоматически меняться.

Изменение цвета в режиме реального времени  | SSITES
Изменение цвета в режиме реального времени | SSITES

Изменение свойств текста

Чтобы изменить свойства текстового поля, дважды щелкните на границе текстового фрейма.

Изменение свойств текста  | SSITES
Изменение свойств текста | SSITES

Пакетное изменение шрифта

Найдите пункт «Выбрать все одинаковые шрифты» в меню, а затем измените его свойства на панели.

Пакетное изменение шрифта | SSITES
Пакетное изменение шрифта | SSITES

Отрегулируйте параметры "hue" и "alpha" с помощью прокрутки

Когда вы находитесь внутри палитры цветов, используйте прокрутку мыши, чтобы настроить оттенок, или удерживайте параметр Option, чтобы соответствующим образом изменить параметры альфа.

Отрегулируйте параметры "hue" и "alpha" с помощью прокрутки | SSITES
Отрегулируйте параметры "hue" и "alpha" с помощью прокрутки | SSITES

Создание нескольких компонентов

Вы можете создать несколько компонентов одновременно - просто выберите несколько объектов и перейдите к маленькой иконке шеврона в верхней части. В появившемся списке выберите вариант создания нескольких компонентов.

Создание нескольких компонентов  | SSITES
Создание нескольких компонентов | SSITES

Префиксные слои

Используйте диалоговое окно Rename Layer для добавления префиксов к выбранным элементам.

Префиксные слои  | SSITES
Префиксные слои | SSITES

Замена компонентов

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

Замена компонентов  | SSITES
Замена компонентов | SSITES

Поиск основного компонента

Чтобы перейти к главному компоненту, выберите экземпляр и выберите ссылку «Go to Master Component» на панели «Свойств».

Поиск основного компонента  | SSITES
Поиск основного компонента | SSITES