Figma делает мощный стратегический ход, кардинально меняя подход к созданию и поддержке дизайн-систем. Рассмотрим обновления, которые превращают платформу из инструмента для дизайнеров в центральный хаб для всей продуктовой разработки.
1. Расширенные коллекции: единая система для десятков брендов
Это решение для больших компаний, где нужно поддерживать целое семейство продуктов или суббрендов. Раньше это означало хаос из дублирующих библиотек и вечную борьбу за консистентность.
Как работает новый подход?
• Единое ядро: Команда дизайн-системы создаёт главную (родительскую) коллекцию токенов — основу для всех продуктов.
• Гибкие ответвления: Продуктовые команды создают на её основе свои «расширенные» коллекции, подменяя только нужные значения (например, цвета для нового бренда).
• Автоматическое обновление: Любые правки в родительской коллекции мгновенно применяются ко всем дочерним веткам. Обновили основной шрифт — и все бренды получают это изменение автоматически.
Что это даёт на практике?
• Гармония вместо диктата: разные бренды сохраняют уникальность, но остаются частью целостной экосистемы.
• Масштабирование в один клик: запуск нового продукта начинается не с нуля, а с создания адаптированной коллекции.
• Конец бесконечному клонированию: не нужно дублировать компоненты под каждый бренд — достаточно переопределить набор токенов.
Важный нюанс: в расширенной коллекции можно изменить только значение токена (например, hex-код цвета), но не его имя, тип или область видимости. Это гарантирует порядок и предсказуемость системы.
2. Увеличенные лимиты: сигнал к действию
Figma не только дала инструмент, но и создала условия для его повсеместного использования. Компания значительно увеличила лимиты на количество режимов (modes) для переменных в коллекциях:
• Professional: 10 режимов на коллекцию (было 4)
• Organization: 20 режимов на коллекцию (было 4)
• Enterprise: Безлимитно с расширенными коллекциями (было 40)
Зачем это нужно? Это прямой призыв переносить всю вариативность — темы (светлая/тёмная), размеры (компакт/обычный), платформы (iOS/Android) — в гибкие переменные, а не плодить статичные, не связанные между собой компоненты.
3. Импорт/экспорт в JSON: живой мост между дизайном и кодом
Популярность сторонних плагинов для экспорта токенов была очевидным сигналом. Figma ответила встроенной функцией двусторонней синхронизации переменных через JSON.
Почему это меняет правила игры?
• Единый источник истины: токены можно легко синхронизировать с такими инструментами, как Style Dictionary. Изменение в Figma обновляет код, а правка в коде — может быть аккуратно импортирована обратно в макет.
• Безопасность и контроль: массовый перенос токенов из других систем или их глобальное редактирование теперь происходит предсказуемо, без риска потерять данные.
Итог: новая эра контроля
Figma больше не просто инструмент для рисования интерфейсов. Связка расширенных коллекций, увеличенных лимитов и нативной JSON-синхронизации превращает её в центральный командный пункт для жизненного цикла дизайн-системы — от концепции в макете до работающего кода в продакшене. Команды, которые освоят этот новый стек, получат беспрецедентный уровень скорости, согласованности и контроля над своими продуктами.
Хотите сотрудничать с NetLabCS? Подписывайтесь на наш Telegram-канал и оставляйте заявку.