Figma Tips

Фишки и приемы работы в Figma. Обновляется

Привет.

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

Это не раздел Faq где даются ответы на простые вопросы новичков. Это статья больше для тех, кто уже что-то понимает в программе.

Если ты хочешь предложить новость или какой-то прием работы с Figma напиши мне в группу ВК
https://vk.com/figmacourse

Большая скидка на полный курс по Figma

Марафон по figma на русском

Как быстро менять компоненты в Figma

Помимо использования меню instance можно воспользоваться другим способом

  • Выбрать во вкладке Assets нужный компонент
  • Зажать alt/option и просто перетащить компонент поверх другого
  • Готово

 

Как быстро перемещаться в слоях

Вложенные элементы — наше все. Но как быстро добраться до слоя который находится очень глубоко? Есть несколько вариантов.

Вариант 1. Из рабочей области

  • Навести курсор на этот слой
  • Зажать ctrl + click

Вариант 2. Из панели слоев

  • Нажимая Enter мы спускаемся на слой ниже
  • Shift + Enter поднимаемся на слой выше.

Такой способ может работать и с несколькими группами одновременно. С зажатым shift выбираем нужные группы, кликаем enter и перемещаемся по слоям в каждой из групп.

Как игнорировать настройки contsrtaints

Зажимаем ctrl и любые ограничения игнорируются во фрейме.

Как установить изображение проекта в Figma (cover)

Клик правой кнопкой по картинке, которую хочешь установить изображением файла. выбираешь в списке пункт Set as thumbnail.
Все, теперь это изображение будет показываться, как cover твоей работы. Удобно так выделять и разделять свои работы, чтобы не путаться. Да и просто это красиво.

Как загрузить в Figma картинки

Способов есть масса:

  • Перетащить всю папку с картинками в проект
  • Воспользоваться функцией Place image
  • Перетащить в проект отдельное фото
  • Если речь о фото из сети: правый клик по фото -> копировать изображение. После в проекте просто нажать ctrl + v
  • Воспользоваться плагинами типа Unsplash

Каждый из этих способов хорош по своему. Все зависит от твоей конкретной задачи

Как восстановить раннюю версию проекта

Бывает супер полезно, если в проекте присутствуют еще чьи-то шаловливые ручки.

  • Клик по шеврону у названия файла
  • Выбираем пункт «show version history». В инспекторе появится история изменений файла.
  • Выбираем нужную дату/время
  • Правый клик и тут есть 2 варианта: восстановить нужную версию или, что более безопасно, сделать дубль файла с нужной версией. Почти Git без заморочек с терминалом.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *