🆕 Не получается быстро найти нужный стиль или сложно ориентироваться в длинном списке? Эта проблема в прошлом: представляем обновленную панель выбора стилей! #новое

🔎 Мгновенно находи стили по названию и описанию через поиск!

📖 Просматривай цветовые стили в виде списка или сетки.

✏️ Кнопка редактирования показывается при наведении на стиль в списке.

💎 Кегль и интерлиньяж шрифта отображаются рядом с текстовыми стилями.

🆕 В процессе дизайна вряд ли ты запоминаешь точные названия папок и файлов, где ведётся работа. Вместо этого скорее всего ты помнишь идею, какой-нибудь заголовок или как минимум решаемую проблему. Несколько месяцев назад мы представили глобальный поиск, а сегодня для всех стало доступно небольшое обновление — глубокий поиск! 😏 #новое

Находи файлы не только по названию, но и по содержимому! Весь текст внутри файлов теперь индексируется глобальным поиском. Достаточно ввести какое-то слово или фразу в поиск, и Figma покажет все твои файлы, где есть эти ключевые слова!

Интересно узнать подробнее как создавалась эта функция? 😱 Прочитай новую статью в нашем блоге: https://www.figma.com/blog/deep-search/

🆕 Долгожданный изменяемый размер тени (spread) уже здесь! Увеличивай и уменьшай размер тени для создания эффекта глубины, свечения, или контура. И сразу беспрепятственно переноси это в код! 😎 #новое

Параметр «shadow spread» нас просили добавить уже наверное тысячу раз, но ввиду технических сложностей это откладывалось долгое время. 🐌 В итоге было решено реализовать фичу с ограничениями: она работает только для прямоугольников, эллипсов, фреймов и компонентов. У последних двух при этом должна быть видимая заливка, иначе тень учитывает объекты внутри со сложной геометрией. А для работы этого маленького дополнения со сложными векторами пришлось бы переписывать существенные части двух рендер движков.

К тому же оказалось, что даже браузеры, куда в итоге попадает большинство макетов из Figma, реализуют эту функцию не совсем корректно ради скорости и простоты! ❤️ Подробности реализации и интересные факты о тенях в браузерах ты найдешь нашей статье: https://www.figma.com/blog/behind-the-feature-shadow-spread/

Шорткат дня: приведи панель слоёв в порядок нажатием Alt + L! 💖 Это сочетание клавиш мгновенно сворачивает абсолютно все группы и фреймы в панели слоёв слева. Когда открыто так много вложенных объектов, что глаза разбегаются, Alt + L — это спаситель!

Бонус: быстро раскрыть или скрыть всё дерево слоёв в выбранных объектах можно нажатием треугольничка рядом со слоем левой кнопкой мыши с зажатым Alt. ✨ #shortcut

🆕 В Figma улучшена поддержка системных редакторов метода ввода (IME), что упрощает ввод текста на Китайском, Корейском и Японском языках. 🥳 Только не забудь выбрать шрифт, который поддерживает необходимый язык — список таких шрифтов и другие подробности о работе с этими языками ты можешь найти в статье: https://help.figma.com/hc/en-us/articles/360040449673 #новое

Делимся годнотой: красивые бесплатные темплейты презентаций в Figma. 🤩 Без СМС и регистрации, просто открываешь понравившийся и дублируешь себе файл. #ресурсы

🤗 Налетай: https://www.templatery.co/templates

🆕 Прототипы немного приободрились, представляем два нововведения:

💥 Добавляй несколько переходов на один объект! Например, перетаскивание (Drag) одного объекта в разные стороны: больше не надо придумывать обходные пути с разделением его на две половины чтобы сделать красивую рабочую карусель карточек.

🌈 Для анимаций теперь можно настраивать свои функции скорости (Easing Functions)! Делай переходы плавными как по маслу или резкими как пружины. Посмотри небольшой туториал, чтобы узнать все тонкости работы с графиками скорости анимации: https://youtu.be/cAkOH9uaXHA #новое

🆕 Figma Community выходит для всех! В течение следующих двух недель постепенно все пользователи получат возможность исследовать Figma Community. 🌏 Находи файлы дизайн систем, иллюстрации, прототипы и даже настольные игры! Всё это — файлы, которыми поделились пользователи в закрытой бета.

Хочешь тоже публиковать свои файлы в сообщество? 🤗 Подай заявку в бета!

Подробности об этом обновлении: https://www.figma.com/blog/explore-the-figma-community/  #новое

⚠ Сегодня в два часа ночи по московскому времени планируется перерыв в работе Figma на 15 минут! В это время изменения в файлах не будут сохраняться и не будет возможности открыть новые файлы.

После восстановления работы сервиса открытые файлы синхронизируются с серверами Figma. Но если в это время по какой-то причине ты будешь не спать, а работать, на всякий случай сделай бэкап изменений — сохрани файл как .fig.

За статусом можно следить на status.figma.com ✅

🆕 Ссылки на файлы в Figma Organization теперь работают немного иначе. Во-первых, когда кто-то открывает файл по ссылке с доступом на просмотр (Anyone with the link can view) — ему больше не будет автоматически выдаваться роль “can view” в файле. Таким образом если закрыть доступ по ссылке (Only people invited to this file/Anyone at Organization can access), он потеряет доступ к файлу: участников не состоящих в команде и не имеющих доступа к проекту нужно приглашать в файл вручную. И не придется вручную закрывать доступ людям, которые открывали файл просто по ссылке — меньше путаницы! 👏

Во-вторых, добавлена функция редактирования по клику (click to edit). ✏️ Если участник без явно заданного доступа к редактированию открывает ссылку на файл с доступом к редактированию для всех, изначально он откроется доступным только для просмотра. Пользователю при этом будет доступна кнопка “Edit file” в верхней панели. При нажатии на неё, участнику станет доступно редактирование файла. Но опять же, он не будет автоматически добавлен в список участников файла при этих действиях.

Подробнее о ссылках в Organization: https://help.figma.com/hc/en-us/articles/360040044834 #новое

Config Europe — вторая конференция Figma уже не за горами!

🌏 Конференция проводится полностью онлайн
📅 17 сентября 2020
🕓 14:00 – 19:00 по Москве
🤑 Вход бесплатный для всех!

Регистрируйся уже сейчас и рассказывай друзьям: https://config.figma.com #config

🆕 Пару дней назад обновился интерфейс менеджмента Figma Organization: администраторам теперь проще управлять командами и видеть изменения в организации! 😎 #новое

- Обновленные настройки теперь быстро доступны из бокового меню. Получи краткий обзор Организации и совершай изменения в обновленных вкладках Activity, Resources и Settings.
- Теперь можно легко видеть новых редакторов, их активность, и как они получили эту роль. Фильтруй пользователей по последним изменениям или времени добавления в Организацию.
- Чтобы производить изменения сразу для множества команд или участников, выделяй их с зажатым Shift.

Посмотри плейлист обзорных и обучающих видео или загляни в центр знаний.

Также если тебе интересно, как создаётся продукт для организаций всех размеров, наша инженер Аашима (Aashima Garg) написала об этом статью.

Последний шанс зарегистрироваться на нашу онлайн конференцию Config Europe — это бесплатно! Начало через час! #config

Регистрируйся: https://hopin.to/events/config-europe
Подробности: https://config.figma.com

Только что представлено на Config Europe — новое меню для быстрой замены компонентов! #config #новое

Подробнее о новой фиче: https://help.figma.com/hc/en-us/articles/360039150413-Swap-between-Components-in-a-file

Вкладка Code превратилась в панель Inspect, и довольно сильно преобразилась! Теперь разработчики могут посмотреть и скопировать самые важные для них значения в один клик. #config #новое

Подробнее об обновлении: https://help.figma.com/hc/en-us/articles/360055203533

Вступительное выступление Дилана Филда (Dylan Field) с Config Europe теперь доступно для просмотра. Узнай как работают новые фичи представленные сегодня, а также какие новинки нас ожидают этой осенью и зимой! #config

Записи остальных выступлений с конференции будут доступны 15 октября!

▶️ https://youtu.be/lWy4fB3G9Gc

Стейты приходят в Figma? Не совсем. Variants — это гибкая система для создания и управления не только состояниями компонента, но и вообще всеми его свойствами и их значениями. В этом обновлении логика организации компонентов в Figma станет максимально приближенным к тому, как они выглядят в коде. Создай один компонент и быстро переключайся между всеми его свойствами в зависимости от контекста, вместо создания множества отдельных компонентов.

Обновление с функционалом Variants будет доступно в ноябре. А небольшой тизер ты можешь посмотреть уже сейчас в презентации Дилана! #анонс #новое

Начни свою неделю в Figma с изучения обновлённой панели замены инстанций компонента — Swap Instance! “Старым меню мы наверное нарушили чуть ли не все паттерны дизайна хороших интерфейсов,” — сказал Дилан Филд, CEO Figma, на презентации.

В новом меню есть превью компонентов, поиск (!!!) по всем компонентам, можно легко переключаться между подключенными библиотеками. Смотри компоненты списком или сеткой с большими превью, как и в панели Assets. А самых продвинутых порадует возможность навигации по всему меню при помощи клавиатуры (шотката для его открытия пока нет, увы).

Как обычно добавляй в названия компонентов иерархию при помощи “/”, и в панели замены будут автоматически отображаться релевантные компоненты на том же уровне иерархии. И легко перемещайся между уровнями, подобно файловой системе на компьютере, чтобы найти нужную замену.

Подробнее о заменах: https://help.figma.com/hc/en-us/articles/360039150413-Swap-between-Components-in-a-file. Продуктивной рабочей недели! 🙌

Функцию выборочного сброса оверрайдов пофиксили! 🔥 С обновлением меню замены инстанций функция Reset Overrides сломалась и могла сбрасывать только все оверрайды сразу. Теперь всё работает как прежде: можно выборочно сбросить текст, цвета и другие изменения в инстанции.

🛠 Также исправлен редкий баг с библиотеками, которые не могли нормально опубликоваться, будто бы всё время появлялись неопубликованные изменения. Больше этого не будет происходить.

P.S. Гифка сделана только что опубликованным плагином GIF: https://figma.fun/qLLYx0