Figma выпускает обновления с огромной скоростью. Дизайнеры только успевают внедрить новую функцию в работу, как вдруг, выходят ещё больше функций. Для многих дизайнеров, особенно тех, кто управляет большими дизайн-системами, сложно найти время , чтобы понять, какие функции действительно важны.
Последние несколько обновлений Figma сосредоточены в первую очередь на токенах и структурированном рабочем процессе с поддержкой ИИ. Вместо мелких доработок, Figma меняет подход команд дизайн-систем к переменным, синхронизации с кодом и ускорении с помощью ИИ.
На каких функциях стоит сосредоточиться и что на самом деле означает каждое обновление для дизайн-систем? Разберем одно из важных обновлений, недавно внедренных: переменные и расширенные коллекции.
Переменные (Variables)Переменные стали ключевым инструментом для поддержки систем, основанных на токенах. Figma учла распространённый сценарий для мультибрендовых дизайн-систем: и её последние обновления делают переменные ещё более масштабируемыми. Рассмотрим новые расширенные коллекции, увеличенные лимиты режимов и экспорт переменных.
Расширенные коллекцииРанее у мультибрендовых систем возникали проблемы из-за ограничений переменных в Figma. Продуктовые команды прибегали к обходным путям: копировали коллекции переменных в свои файлы, заново создавали темы или даже перестраивали структуру токенов с нуля. Это приводило к разрыву синхронизации, и обновления системы переставали работать для всех пользователей.
Теперь с помощью расширенных коллекций команды дизайн-системы могут поддерживать несколько брендов/продуктов, которым требуются собственные пользовательские темы, при этом сохраняя синхронизацию переменных с основной системой.
Как работают расширенные коллекции:
1. Команда дизайн-системы публикует основную (родительскую) коллекцию переменных.
2. Дизайнеры в компании могут создать расширенную коллекцию на её основе, добавив темы для своего бренда (переопределяя только те значения, которые им нужны).
3. Расширенные коллекции остаются связанными с родительской коллекцией и будут наследовать обновления (например, новые переменные или изменения токенов).
Но у расширенных коллекций всё ещё есть ограничения:
• Вы не можете редактировать псевдоним переменной, её область применения (scope) или режим (mode) в расширенных коллекциях.
• Расширенные коллекции по-прежнему требуют строгих правил для имен и структуры.
• Продуктовым дизайнерам может быть сложно понять, из какого именно источника берётся токен, если документация недостаточно ясна.
• Они требуют больше управления: необходимо установить процесс проверки для участников команды Дизайн-системы, чтобы обеспечить корректное использование.
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13222 тендера
проведено за восемь лет работы нашего сайта.
Обновлённые лимиты режимов на расширенную коллекцию и тарифы Figma:
• Professional: 10 режимов на коллекцию (было 4)
• Organization: 20 режимов на коллекцию (было 4)
• Enterprise: Безлимитные режимы с расширенными коллекциями (было 40)
• Starter: Недоступно (переменные не входят в этот тариф)
Увеличивая возможности по режимам, Figma поощряет команды переносить вариации в переменные, а не создавать более крупные и тяжелые библиотеки компонентов. Вместо того чтобы искать "обходные пути" для ограничений режимов, Дизайн-системы теперь могут обходиться меньшим количеством переопределений и дублированных компонентов.
Новый импорт и экспорт в формате JSON
Figma, должно быть, заметила, что для импорта и экспорта переменных дизайнерами было создано множество плагинов, таких как Export/Import Variables plugin, поэтому теперь они представили встроенную функцию для этой цели.
Примечание: Некоторые аккаунты, у которых должен быть доступ к этой функции, могут её пока не иметь.
Хотя это кажется менее значительным обновлением, оно имеет огромные последствия для управления Дизайн-системами. Это помогает командам принять идеологию "единого источника истины" за счёт синхронизации токенов из дизайн-инструментов с репозиториями под управлением систем контроля версий.
Кроме того, импорт и экспорт напрямую из Figma обеспечивают более простую миграцию с меньшим количеством ошибок, автоматическое обновление токенов и возможное будущее с непрерывной интеграцией между дизайном и кодом.
Обновления Figma перестали быть просто новыми функциями. Это целостная стратегия, предлагающая дизайн-системам более надёжные инструменты. Фокус на повышении согласованности в масштабе всей организации.
Подписывайтесь на наш Telegram-канал.