Найти тему

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

Оглавление

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

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

Предварительный просмотр объекта

Если вы хотите добавить фон в предварительный просмотр компонента на панели «Ресурсы», просто используйте прямоугольник с черным фоном в качестве хоста для компонента.

Предварительный просмотр объекта  | SSITES
Предварительный просмотр объекта | SSITES

Создавайте миниатюры в Figma

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

Создавайте миниатюры в Figma  | SSITES
Создавайте миниатюры в Figma | SSITES

Расширенное переименование слоев

Используйте Cmd + R после выбора слоев, которые вы хотите переименовать. Также постарайтесь использовать постоянные выражения для лучшего соответствия слоев и переименования.

Расширенное переименование слоев  | SSITES
Расширенное переименование слоев | SSITES

Удаление частей наименований слоев

Используйте то же самое окно Layer Rename, чтобы удалить общие части наименований слоев. Например, если вы хотите удалить один сегмент между слешами, чтобы лучше организовать слои.

Удаление частей наименований слоев  | SSITES
Удаление частей наименований слоев | SSITES

Поиск слоев на холсте

Если вы хотите быстро найти слой на холсте - поищите его на панели слоев и дважды щелкните на миниатюру слоя. Тааадааам! Все просто.

Поиск слоев на холсте  | SSITES
Поиск слоев на холсте | SSITES

Группировка цветовых стилей

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

Группировка цветовых стилей  | SSITES
Группировка цветовых стилей | SSITES

Добавление описаний к компонентам

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

Добавление описаний к компонентам  | SSITES
Добавление описаний к компонентам | SSITES

Сохранение файлов с описанием

Если вы хотите сохранить файл с дополнительным описанием в истории редакций, просто используйте сочетание клавиш Cmd + Shift + S.

Сохранение файлов с описанием  | SSITES
Сохранение файлов с описанием | SSITES

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

Вы можете получить доступ к истории версий в Figma, а затем выбрать любую из них. Кликнув правой кнопкой мыши вы можете поделиться нужной версией в виде ссылки.

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

Обмен ссылками из Figma

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

Обмен ссылками из Figma  | SSITES
Обмен ссылками из Figma | SSITES

Открытие файлов из буфера обмена

Если у вас есть ссылка на файл Figma, и вы хотите открыть ее прямо в десктоп приложении, просто выберите «Файл» → «Открыть URL из буфера обмена».

Открытие файлов из буфера обмена | SSITES
Открытие файлов из буфера обмена | SSITES

Вот и все, ребята! … по крайней мере пока что?

Я буду постоянно обновлять эту статью, поэтому не забудьте оставить комментарий или просто добавьте ее в закладки!