⚙️ DevMode

– Инспектор. Описание элементов стало ещё более подробным, можно смотреть буквально всё
– Спиппеты кода. Можно скопировать CSS, iOS и Android код прямо из Фигмы, или использовать плагин и редактировать код смотря на фигму
– Исходники на компоненты. Теперь можно синхронизировать компоненты между Figma и кодом привязывая к ним ссылки (GitHub, тикет в Jira, Storybook или свою ссылку на другой ресурс)
– Статус макетов. Статус макетов теперь можно отмечать нажав на лейбл рядом с названием слоя и разработчик будет видеть, в каком состоянии находятся макеты. Мелоч, а невероятно приятно
– Сравнивать изменения. Если у вас была жаркая ночка в Figma, то разработчики на утро смогут сравнить, что поменялось на макете просто наложив макет друг и на друга, а также будут написаны какие слои были изменены и какие параметры изменились
– Просмотр макетов в VS Code. Можно работать в VS Code, видеть что делают дизайнеры и получать обновления макетов моментально
– Песочница. Или же Playground, в котором можно натыкать всевозможные состояния компонента и понять, как он может выглядеть в разных ситуациях


💠Адаптивные макеты и токены

– Переменные для цветов, чисел, текста и логических переменных. Можно создать константы для привычных нам элементов и переиспользовать их в разных размерах, чтобы макет мог меняться в зависимости от своих размеров
– Темизация макетов. Можно забивать переменные внутри Figma (аллилуйя) и менять макета со светлой темы на тёмную, да и вообще на какую захотите. Теперь большим командам не нужно писать свои плагины для смены темы, а лишь пользовать внутренним и удобным инструментом
– Плагин и REST API. Расширять и управлять токенами, включая импорт и экспорт, можно через API-плагин. Крутая вещь, нужно тестить и сравнивать с Tokens Studio

Доступно на Professional Plus плане и выше

⬆️ Переменные дружат с Token Studio, но есть ограничения, нужно тестить

🔗 Подробнее о всех обновлениях