Figma

🆕 В процессе дизайна вряд ли ты запоминаешь точные названия папок и файлов, где ведётся работа. Вместо этого скорее всего ты помнишь идею, какой-нибудь заголовок или как минимум решаемую проблему. Несколько месяцев назад мы представили глобальный поиск, а сегодня для всех стало доступно небольшое обновление — глубокий поиск! 😏#новое Находи файлы не только по названию, но и по содержимому! Весь текст внутри файлов теперь индексируется глобальным поиском. Достаточно ввести какое-то слово или фразу в поиск, и Figma покажет все твои файлы, где есть эти ключевые слова! Интересно узнать подробнее как создавалась эта функция? 😱 Прочитай новую статью в нашем блоге: https://www.figma.com/blog/deep-search/

🆕 Не получается быстро найти нужный стиль или сложно ориентироваться в длинном списке? Эта проблема в прошлом: представляем обновленную панель выбора стилей! #новое 🔎 Мгновенно находи стили по названию и описанию через поиск! 📖 Просматривай цветовые стили в виде списка или сетки. ✏️ Кнопка редактирования показывается при наведении на стиль в списке. 💎 Кегль и интерлиньяж шрифта отображаются рядом с текстовыми стилями.

Работаешь над приложением или сайтом с тёмной темой? 😎 Используй плагин Appearance! Он позволяет мгновенно переключаться между светлой и тёмной темой, используя стили из библиотеки или локальные. И он пользуется большой популярностью! Устанавливай: https://www.figma.com/community/plugin/760927481606931799/Appearance Плагином Appearance рекомендует пользоваться команда ВКонтакте для работы с их дизайн системой. 💖 А разработал Appearance продуктовый дизайнер Александр Дьяков, для упрощения разработки тёмной темы в Яндекс.Картах. О своём процессе Саша написал статью. Но есть и другие плагины для этой задачи: Глеб Сабирзянов детально рассказал о каждом из них и составил сравнительную таблицу.

17 сентября 2020 пройдет Config — вторая конференция Figma! 😱 На этот раз она будет проводиться для жителей Европы и полностью в режиме онлайн. У тебя тоже есть возможность поучаствовать: регистрация откроется 20 августа, не пропусти! #config У тебя неплохой английский и есть чем поделиться с огромным сообществом Figma? 🤗 Заявки на выступления принимаются до 31 июля включительно: https://sessionize.com/config-europe

Плагин Breakpoints максимально упрощает создание и просмотр адаптивного дизайна в Figma! Создаешь фреймы с вёрсткой для разных размеров экранов, добавляешь их в плагин и... магия! ✨ При изменении размера фрейма содержимое будет переключаться между необходимыми фреймами. Видео демонстрация: https://youtu.be/OaGSreqHCXE И не нужно держать плагин открытым: брейкпоинты продолжат работать даже если закрыть его. Плагин использует малоизвестный трюк с переворотом слоёв в Figma, и делает его легко используемым! Автор написал про эту технику статью: https://medium.com/@arthursavchenko/how-to-make-diy-breakpoints-in-figma-86de91abe121 😍 Устанавливай Breakpoints и почувствуй суперсилу: https://www.figma.com/community/plugin/824289601590456356

🆕 Занимайся тонкой настройкой типографики при помощи обновленных горячих клавиш: • Меняй межбуквенный интервал нажатием Alt + < (меньше) и Alt + > (больше). • Увеличивай и уменьшай интерлиньяж (межстрочный интервал, line height): Shift + Alt + < и Shift + Alt + > • #новое Переключайся между начертаниями шрифта клавишами ⌘⌥< и ⌘⌥> на macOS, а на Windows Ctrl + Alt + < и Ctrl + Alt + >. • Также напомним шорткат для изменения размера шрифта, который работает как прежде: Cmd/Ctrl + Shift + </>. 🙇‍♀ Полный гайд по работе с типографикой в Figma: https://help.figma.com/hc/en-us/articles/360039956634

Anima представляет интеграцию с Figma! Создавай прототипы в Figma и экспортируй их в HTML одним кликом. 😍https://youtu.be/ieQ_RxvHxSU Новый плагин — новые возможности! Вставляй видео, гифки, анимации Lottie и интерактивные формы в макет в Figma. Они оживут в Anima: мгновенно скопируй весь код HTML и CSS для передачи разработчикам или сразу опубликуй сайт на своём домене. Подробности: https://www.animaapp.com/figma?utm_medium=social&utm_source=telegram&utm_content=introducing-figma-ru&utm_campaign=introducing-figma

У Figma появилась своя страница “О Нас”! В 2015 году кто-то сказал про совместную работу в Figma: “Это звучит как мой самый страшный кошмар.” Что было дальше — ты наверняка уже знаешь. 😉 👉https://www.figma.com/about/

Го учить сочетания клавиш! 😋 Шорткат дня: функции выравнивания объектов активируются нажатием Alt + одной из клавиш W, A, S, D. По верху W, по низу S, по левому и правому краю A и D соответственно. Когда ещё дизайн был так похож на компьютерную игру? 🎮#shortcut

Хочешь узнать, как создавалась фича Selection Colors и панель Type Details в Figma? ☺️ Наш дизайн менеджер Марчин проведет экскурсию по процессу, расскажет о решениях и ошибках, и покажет ранние прототипы. А в конце у тебя будет возможность задать вопросы! Заглядывай на стрим сегодня в 19:00 по Москве! 👉Регистрируйся бесплатно!

⚠️ Сегодня в два часа ночи по московскому времени планируется получасовой перерыв в работе Figma! В это время изменения в файлах не будут сохраняться и не будет возможности открыть новые файлы. После восстановления работы сервиса открытые файлы синхронизируются с серверами Figma. Но если в это время по какой-то причине ты будешь не спать, а работать, на всякий случай сделай бэкап изменений — сохрани файл как .fig. За статусом можно следить на status.figma.com✅

🆕 Представляем измерения в режиме редактирования вектора! Теперь ты можешь зажимать Alt, чтобы видеть точные расстояния между точками или кривыми. 🎨 Создавать иконки, иллюстрации и другую векторную графику стало ещё проще! #новое