Figma

🆕 Полный список обновлений Figma, запущенных на Config 2022: • Авто лейаут 4.0 • Свойства компонентов (component props) • Вариативные шрифты • Отдельные обводки с разных сторон • Анимация Spring • Тёмная тема • Режим спотлайт для мультиплеера 👑 И несколько небольших: • Защита файла паролем (тариф Pro и выше) • Быстрое выделение идентичных объектов во всех вариантах (иконка мишени под объектом внутри варианта или Cmd/Ctrl + Alt + A) • Улучшенный режим просмотра контуров (Outline Shift + O) • У треугольников три угла • Светлая тема стала более контрастной • В ветках (branches) можно обозначать текущий статус • Изменён дизайн панели Smart Animate • Обрезка текста с многоточием Все обновления доступны прямо сейчас. #новое Посмотри презентацию Дилана: https://www.youtube.com/watch?v=JUTFghsG8nI

🆕 Почувствуй себя на виртуальной сцене, пригласив других следовать за тобой в новом режиме Spotlight! 👑#новое Вместо того, чтобы просить других нажать на твою аватарку (порой даже такая простая с виду задача вызывает сложности), можно направить на себя виртуальный прожектор, нажав в верхней панели на свою аватарку и кнопку «Spotlight me». Все, кто находится в файле автоматически начнут «следовать» за тобой по файлу. Вечеринка курсоров! 🎉https://help.figma.com/hc/en-us/articles/5025214483351-Facilitate-meetings-with-spotlight

🆕 Тёмная тема: для любителей ночной работы! Дождались! Многолетние мольбы сообщества были услышаны! ⚫#новое Активируется в меню Preferences → Theme в главном меню Figma (можно также найти в поиске Cmd/Ctrl + / — главное не забудь перезагрузить Figma, чтобы получить обновление). Также напоминаю, что для «полного погружения» можно сменить цвет фона страниц в правой панели. https://help.figma.com/hc/en-us/articles/5576781786647-Change-themes-in-Figma ⚫ Тебе наверняка интересно, почему на реализацию dark mode ушло так много времени — продолжай смотреть Config, одно из выступлений от команды Figma будет как раз про это.

🆕 Свойства компонентов: не только ещё одна возможность приблизить макеты к реализации в коде, но и упрощение одновременно и для стандартизации, и для кастомизации компонентов! 🤯#новое Текст, видимость слоёв и готовые оверрайды в компонентах можно выносить в правую панель для быстрого доступа в инстансах. Лучший способ примерить обновку — попрактиковаться и поиграться в обучающем файле-песочнице: https://www.figma.com/community/file/1100581138025393004

🆕 Новый тип анимации перехода: Spring! Для более естественных или просто весёлых движений. 😎#новое Доступно несколько пресетов или можно настроить совершенно кастомную функцию движения. Вместе с этим немного поменялась сама панель анимации — перезагружай Figma и пробуй! https://www.figma.com/community/file/1100581821937139565

🆕 Отдельная обводка с разных сторон — больше не нужны хаки с линиями или тенями, можно добавлять разную обводку только на отдельные стороны объекта. #новоеhttps://help.figma.com/hc/en-us/articles/360049283914-Apply-and-adjust-stroke-properties#individual

🆕 Поддержка вариативных шрифтов! #новое Устанавливай любимые шрифты поддерживающие эту функцию, открывай панель Type Details и получи доступ к тонкой настройке шрифта: https://help.figma.com/hc/en-us/articles/5579502031511-Use-variable-fonts

🆕 Auto Layout V4 уже тут! Новинки: абсолютное позиционирование (нулевые фреймы больше не нужны 🔥), выбор стандартного и обратного порядка слоёв, выравнивание текстов по базовой линии, отрицательные отступы между элементами, настройка для включения обводки в размер фрейма (аналогично box-sizing в CSS) и управление спейсингом прямо на холсте. #новое Видео про обновление: https://youtu.be/floQKLsWAy4 😍 Личная рекомендация: используй плагин Pro Layout Panel (уже обновлён для поддержки всех новых фич) — в отличие от нативного интерфейса, он позволяет управлять всеми настройками авто лейаута за один клик! Быстрее не бывает! 🏃‍♀️https://figma.fun/alpro

Ох, так не терпится рассказать вам сегодня про все обновления! Будет круто, не пропусти трансляцию, регистрируйся: https://config.figma.com/ Начало в 18:00 по Москве сегодня! #config

Config 24 часа: 10-11 мая пройдёт ежегодная конференция Figma! Целые сутки выступлений от 100+ (!!) интересных спикеров и команды Figma! Начало в 18:00 МСК. Традиционно Дилан Филд откроет конференцию презентацией новых ооочень долгожданных фич! Регистрируйся и не пропусти: https://config.figma.com/. Записи всех выступлений будут доступны через неделю после конференции. #config

🆕 Новые более удобные и мультиплатформенные сочетания клавиш для часто используемых команд: 1. Вставить и заменить выделенные объекты: Cmd+Shift+R или Ctrl+Shift+R 2. Режим аутлайнов (Outlines), также известный как «помогите я что-то нажал и всё стало вот так, отмена не помогает»: Shift+O 3. Показать/скрыть сетки: Shift+G 4. Показать/скрыть пиксельную сетку: Shift+’ (Shift+Э) 5. Режим растрового предпросмотра (Pixel Preview): Cmd+Shift+P или Ctrl+Shift+P 6. Подняться на уровень выше: \ (обратный слеш или Ё в русской раскладке), альтернатива Shift + Enter Старые сочетания клавиш для этих команд продолжают поддерживаться. #новое Также напоминаю, что все горячие клавиши и команды без них можно найти в меню поиска Cmd/Ctrl + /

🆕 Figma наконец-то поддерживает письмо справа налево нативно! #новое Письмо справа налево используется в арабском, иврите, персидском, урду и синдхи и многих других языках. Направление письма Figma определяет автоматически, но при необходимости можно его переключить в панели Type Details. В одном текстовом блоке может использоваться текст и слева направо и справа налево. (Обновление вышло на прошлой неделе.)