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


29.05.2021 Время чтения - 3 минуты 1530

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

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


Читайте нас в Telegram.


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

Самое простое кольцо прогресса, которое вы когда-либо делали в Figma

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

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

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

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

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

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

Перетаскивайте объекты за пределы кадра, удерживая их внутри в Figma

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

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

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

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

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

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

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

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

Предварительно просмотрите цвет с помощью пипетки в Figma

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

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

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

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

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

Фишки с пробелом в Figma

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

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

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

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

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

9. Content Reel + Unsplash

Content Reel + Unsplash

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

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

Исправить высоту строки в секундах

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

Оригинал.

Читайте также: Сможет ли хороший UX «вытянуть» плохой UI


Читайте нас в Telegram.