Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
Назад
Инструменты

Переменные и расширенные коллекции Figma: важное для дизайн-систем.

51 
 

Figma выпускает обновления с огромной скоростью. Дизайнеры только успевают внедрить новую функцию в работу, как вдруг, выходят ещё больше функций. Для многих дизайнеров, особенно тех, кто управляет большими дизайн-системами, сложно найти время , чтобы понять, какие функции действительно важны.

Последние несколько обновлений Figma сосредоточены в первую очередь на токенах и структурированном рабочем процессе с поддержкой ИИ. Вместо мелких доработок, Figma меняет подход команд дизайн-систем к переменным, синхронизации с кодом и ускорении с помощью ИИ.

На каких функциях стоит сосредоточиться и что на самом деле означает каждое обновление для дизайн-систем? Разберем одно из важных обновлений, недавно внедренных: переменные и расширенные коллекции.  

Переменные и расширенные коллекции Figma: важное для дизайн-систем.

Переменные (Variables)Переменные стали ключевым инструментом для поддержки систем, основанных на токенах. Figma учла распространённый сценарий для мультибрендовых дизайн-систем: и её последние обновления делают переменные ещё более масштабируемыми. Рассмотрим новые расширенные коллекции, увеличенные лимиты режимов и экспорт переменных.   

Расширенные коллекцииРанее у мультибрендовых систем возникали проблемы из-за ограничений переменных в Figma. Продуктовые команды прибегали к обходным путям: копировали коллекции переменных в свои файлы, заново создавали темы или даже перестраивали структуру токенов с нуля. Это приводило к разрыву синхронизации, и обновления системы переставали работать для всех пользователей. 

Теперь с помощью расширенных коллекций команды дизайн-системы могут поддерживать несколько брендов/продуктов, которым требуются собственные пользовательские темы, при этом сохраняя синхронизацию переменных с основной системой.

Как работают расширенные коллекции:

1. Команда дизайн-системы публикует основную (родительскую) коллекцию переменных.

2. Дизайнеры в компании могут создать расширенную коллекцию на её основе, добавив темы для своего бренда (переопределяя только те значения, которые им нужны).

3. Расширенные коллекции остаются связанными с родительской коллекцией и будут наследовать обновления (например, новые переменные или изменения токенов).  

Переменные и расширенные коллекции Figma: важное для дизайн-систем.

Но у расширенных коллекций всё ещё есть ограничения:

• Вы не можете редактировать псевдоним переменной, её область применения (scope) или режим (mode) в расширенных коллекциях.

• Расширенные коллекции по-прежнему требуют строгих правил для имен и структуры.

• Продуктовым дизайнерам может быть сложно понять, из какого именно источника берётся токен, если документация недостаточно ясна.

• Они требуют больше управления: необходимо установить процесс проверки для участников команды Дизайн-системы, чтобы обеспечить корректное использование.


Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 13222 тендера
проведено за восемь лет работы нашего сайта.


Обновлённые лимиты режимов на расширенную коллекцию и тарифы Figma:

• Professional: 10 режимов на коллекцию (было 4)

• Organization: 20 режимов на коллекцию (было 4)

• Enterprise: Безлимитные режимы с расширенными коллекциями (было 40)

• Starter: Недоступно (переменные не входят в этот тариф) 

Переменные и расширенные коллекции Figma: важное для дизайн-систем.

 Увеличивая возможности по режимам, Figma поощряет команды переносить вариации в переменные, а не создавать более крупные и тяжелые библиотеки компонентов. Вместо того чтобы искать "обходные пути" для ограничений режимов, Дизайн-системы теперь могут обходиться меньшим количеством переопределений и дублированных компонентов.

Новый импорт и экспорт в формате JSON

Figma, должно быть, заметила, что для импорта и экспорта переменных дизайнерами было создано множество плагинов, таких как Export/Import Variables plugin, поэтому теперь они представили встроенную функцию для этой цели.

Примечание: Некоторые аккаунты, у которых должен быть доступ к этой функции, могут её пока не иметь.

Хотя это кажется менее значительным обновлением, оно имеет огромные последствия для управления Дизайн-системами. Это помогает командам принять идеологию "единого источника истины" за счёт синхронизации токенов из дизайн-инструментов с репозиториями под управлением систем контроля версий.

Кроме того, импорт и экспорт напрямую из Figma обеспечивают более простую миграцию с меньшим количеством ошибок, автоматическое обновление токенов и возможное будущее с непрерывной интеграцией между дизайном и кодом.   

Переменные и расширенные коллекции Figma: важное для дизайн-систем.

Обновления Figma перестали быть просто новыми функциями. Это целостная стратегия, предлагающая дизайн-системам более надёжные инструменты. Фокус на повышении согласованности в масштабе всей организации.

Подписывайтесь на наш Telegram-канал.

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




52

Лучшие статьи

Поделиться: 0 0 0
Лайки за кейсы:  1 Подписчики:  2