⚙️ DevMode – Инспектор. Описание элементов стало ещё более подробным, можно смотреть буквально всё – Спиппеты кода. Можно скопировать CSS, iOS и Android код прямо из Фигмы, или использовать плагин и редактировать код смотря на фигму – Исходники на компоненты. Теперь можно синхронизировать компоненты между Figma и кодом привязывая к ним ссылки (GitHub, тикет в Jira, Storybook или свою ссылку на другой ресурс) – Статус макетов. Статус макетов теперь можно отмечать нажав на лейбл рядом с названием слоя и разработчик будет видеть, в каком состоянии находятся макеты. Мелоч, а невероятно приятно – Сравнивать изменения. Если у вас была жаркая ночка в Figma, то разработчики на утро смогут сравнить, что поменялось на макете просто наложив макет друг и на друга, а также будут написаны какие слои были изменены и какие параметры изменились – Просмотр макетов в VS Code. Можно работать в VS Code, видеть что делают дизайнеры и получать обновления макетов моментально – Песочница. Или же Playground, в котором можно натыкать всевозможные состояния компонента и понять, как он может выглядеть в разных ситуациях 💠Адаптивные макеты и токены – Переменные для цветов, чисел, текста и логических переменных. Можно создать константы для привычных нам элементов и переиспользовать их в разных размерах, чтобы макет мог меняться в зависимости от своих размеров – Темизация макетов. Можно забивать переменные внутри Figma (аллилуйя) и менять макета со светлой темы на тёмную, да и вообще на какую захотите. Теперь большим командам не нужно писать свои плагины для смены темы, а лишь пользовать внутренним и удобным инструментом – Плагин и REST API. Расширять и управлять токенами, включая импорт и экспорт, можно через API-плагин. Крутая вещь, нужно тестить и сравнивать с Tokens Studio Доступно на Professional Plus плане и выше ⬆️ Переменные дружат с Token Studio, но есть ограничения, нужно тестить 🔗 Подробнее о всех обновлениях