10 фишек в Figma, о которых вы не знали

Figma впечатляет обилием своих полезных функций. То, что раньше было «костылем» в Sketch — в Figma является полноценной и продуманной функцией.

Сегодня мы поговорим о интересных фишках и функциях в Фигме, позволяющим сэкономить время и упростить вашу работу.

10 фишек в Figma, о которых вы не знали

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.

1. Самое простое кольцо прогресса, которое вы когда-либо делали в своей жизни

Может быть, вы понятия не имели о существовании инструмента «Arc», но его пользу нельзя недооценивать. С его помощью можно создавать некоторые действительно простые и красивые кольца прогресса.

2. Используйте инструмент масштабирования, чтобы избежать искажения

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

Раньше было проблематично масштабировать дизайн, потому что всегда что-то ломалось и приходилось вносить коррективы. С помощью инструмента масштабирования этих проблем больше нет — все идеально масштабируется и сохраняет свои пропорции без необходимости в доработке.

3. Перетаскивайте объекты за пределы фрейма

Удерживайте пробел при перетаскивании объекта за пределы рамки, чтобы он оставался внутри контейнера. Вы также можете отключить «clip contents» для кадра, содержащего объект, чтобы вы все еще могли видеть его, когда он находится вне контейнера. Вы можете нажать CMD (CTRL) + Y, чтобы отобразить контуры.

4. Приведите в порядок, измените и организуйте сетку

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

5. Дублируйте последнее действие

CMD + D, чтобы дублировать ваше предыдущее действие. CMD + D будет дублировать объекты, кадры и все остальное.

6. Предпросмотр цвета с помощью пипетки

Возможно это и весьма очевидный совет, но используйте пипетку (i), чтобы просмотреть разные цвета.

7. Легкая вставка изображений в формы-заполнители

Нажмите CMD+Shift+K, чтобы заменить заливку фигур или рамок множеством изображений.

8. Фишки с пробелом

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

Если вы рисуете фигуру, вы можете удерживать пробел, чтобы переместить объект во время его рисования.

А если этого недостаточно, вы также можете удерживать клавишу пробела, чтобы запретить Figma автоматическое вложение объектов внутри фреймов или автоматических макетов — клавиша пробела очень удобна!

9. Content Reel + Unsplash

Content Reel и Unsplash были двумя незаменимыми плагинами для экономии время. С Content Reel вы можете одним щелчком добавить в свой дизайн аватары, lorem ipsum, имена, адреса и многое другое. Unsplash — это бесплатная библиотека высококачественной графики.

10. Межстрочный интервал за секунду

Если ваша высота строки выглядит шаткой и у вас нет для нее определенного значения, просто введите «auto» в поле высоты строки или удалите любое число и нажмите ввод, после чего оно автоматически отрегулируется!

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.

44
2 комментария

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

2

я начинающий дизайнер и узер фигмы,но 4 фишки точно не знала) полезная инфа как по мне:)

1