❖ Friends of Figma MOSCOW, RU

#tips Фича не новая, но интересная. Figma автоматически понимает какой цвет текста выставить в зависимости от контраста фона. Если фон слишком темный то выставляется белый цвет текста, если наоборот светлый фон - цвет текста черный.

🔆#tips Удобное и быстрое добавление компонентов на рабочую область. При проектировании часто нам необходимо быстро набросать часть компонентов к себе на рабочую область. С новой панелью Resources (Shif+I) закрепив её слева, как показано на видео, мы можем быстро накидывать нужный набор компонентов. А для более быстрого поиска и добавления можно использовать стрелки ⬆️⬇️⬅️➡️ на клавиатуре и чтобы добавить компонент клавишу Enter. При этом панель не закрывается и вы сразу же можете добавить снова и снова нужный набор компонентов. Удобно и быстро.

#tips Внутри Figma есть подсказка-тренажер по популярным сочетаниям клавиш. Ctrl+Shift+? Запускайте с помощью сочетания клавиш или нажмите справа снизу иконка вопроса, нажмите пункт Keyboard shortcuts. Советую прям пройтись по всем сочетаниям. Главное это несколько раз повторить их на практике и вы заметите как вы начнете сокращать своё время.

#tipsКак быстро переключаться между панелями. Сегодня я поделюсь с вами такими горячими клавишами которые заметно ускорят вашу работу. 1️⃣Панель AssetsOption(или Alt)+2 - список ассетов в файле, +список подключенных библиотек компонентов и локальные компоненты (там же есть удобная кнопка смены отображения ассетов, я советую вам переключить на Show as grid. 2️⃣Панель Libraries & UpddatesOption(или Alt)+3 - меню с быстрым доступом к публикации библиотеки текущего файла (если есть хотя бы один созданный компонент), список библиотек которые были использованы в текущем файле, список библиотек доступных вам, которые можно подключить себе и работать с ними. Тут же есть вкладка Updates в которой находятся все обновления подключенных библиотек. 3️⃣Панель LayersOption(или Alt)+1 - собственно основная панель с который мы все ежедневно работаем, тут список страниц, список слоев проекта. Эта панель включена по умолчанию, и чтобы быстро вернуться к ней если находимся на панели Assets придумали горячие клавиши.

#tips Теперь можно закреплять открытые вкладки в Figma, для этого нужно нажать правую кнопку мыши по любой открытой вкладке. 🔥 Для быстрого переключения открытых вкладок используйте сочетание клавиш Cmd (Ctrl) + 1, 2, 3, 4 и т.д. Где цифра 1 открывает главную вкладку со всеми проектами и командами. 🔥Cmd(Ctrl)+W закрыть текущую вкладку 🔥Cmd(Ctrl)+T открыть меню создания нового файла или FigJam файла ❗️Вопрос: нужно ли делать такие микро посты с маленькими тонкостями которые сильно помогают в работе? Пишите в комментарии к посту 👇

#tips🚀🚀🚀Полезные приемы при работе в FigJam. Создавайте быстро стикеры, делайте связи между объектами, пользуйтесь виджетами и плагинами для расширения функционала. Создавайте открытые сессии для тех, у кого даже нет аккаунта в Figma. Смотреть в Figma Community ❗️Совсем скоро первый митап в этом году, следите за новостями. А тем кто не видел прошлые митапы, то их можно посмотреть всегда тут #files

#tips Принцип работы отдельных параметров из строки поиска. Список плагинов которые на данный момент поддерживают вывод отдельных параметров. Скоро разработчики начнут активнее готовить свои плагины под этот фукнционал.

#tips на тот случай, если кто-то не знал раньше 😁 ✌️С помощью Create component set можно быстро создать варианты из тех объектов которые вы выделили. Выделяем например три фигуры, сверху в выпадающем списке выбираем нужный пункт и у вас сразу готовы варианты. Так же полезная функция когда нужно создать сразу несколько отдельных компонентов выделив например 100 иконок выбираем Create multiple components и у вас готов icon pack (не нужно отдельно каждую иконку делать компонентом).

#tips 👀Как пользоваться стрелками из FigJam в своих проектах? Просто заходим в FigJam копируем оттуда стрелку и вставляем себе в проект. И стрелка работает с привязками к объектам Figma и при перемещении объектов стрелки магнитятся 😁😁😁