May 13, 2022

Config 2022 обновления

🆕 Почувствуй себя на виртуальной сцене, пригласив других следовать за тобой в новом режиме Spotlight! 👑 #новое

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


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

😍 Личная рекомендация: используй плагин Pro Layout Panel (уже обновлён для поддержки всех новых фич) — в отличие от нативного интерфейса, он позволяет управлять всеми настройками авто лейаута за один клик! Быстрее не бывает! 🏃‍♀️ https://figma.fun/alpro

🆕 Тёмная тема: для любителей ночной работы! Дождались! Многолетние мольбы сообщества были услышаны! ⚫ #новое Активируется в меню 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 и пробуй!


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


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


Полный список обновлений Figma, запущенных на Config 2022:
• Авто лейаут 4.0
• Свойства компонентов (component props)
• Вариативные шрифты
• Отдельные обводки с разных сторон
• Анимация Spring
• Тёмная тема
• Режим спотлайт для мультиплеера

И несколько небольших:
• Защита файла паролем (тариф Pro и выше)
• Быстрое выделение идентичных объектов во всех вариантах
• Улучшенный режим просмотра контуров (Outline Shift + O)
• У треугольников три угла
• Светлая тема стала более контрастной
• В ветках (branches) можно обозначать текущий статус
• Изменён дизайн панели Smart Animate
• Обрезка текста с многоточием

Все обновления доступны прямо сейчас. #новое Посмотри презентацию Дилана: https://www.youtube.com/watch?v=JUTFghsG8nI


VK: https://vk.com/figmadesign

Telegram: https://t.me/figma