Figma Schema 2025: Новая эра дизайн-систем
28 октября проходит Schema by Figma 2025. Событие для энтузиастов дизайн-систем, с обновлениями и лучшими практиками.
В прошлые годы я также собирал заметки. Там тоже было много интересного.
Agenda
9:30am – 10:30am PST → Welcome and keynote
11:00am – 11:45am → Design systems that adapt
11:45am – 12:30pm → Design systems powering design workflows
1:30pm – 2:15pm → Design systems powering dev workflows
2:15pm – 2:30pm → Closing thoughts
Основные анонсированные возможности
— Extended collections для мультибрендовых дизайн-систем
— Нативные слоты!
— Проверка дизайна. //про детачи и отсутствие токенов
— Улучшения производительности работы с дизайн-системами
— Figma MCP server доступен всем пользователям Figma
— Дизайн-системы в Make и другие фичи для AI
Подробнее про фичи
Extended collections для мультибрендовых дизайн-систем
Переменные стали стандартом для теминга в Figma. Они удобны для простых проектов, но они не удобны компаниям с несколькими брендами.
Теперь есть Extended collections — новый способ управления мультибрендовыми системами. Управляющие дизайн-системой могут выпускать базовые версии без логотипов, а дизайнеры — дополнять их своими темами и использовать повторно. Такие коллекции остаются связаны с основной системой и автоматически наследуют обновления, сохраняя при этом собственные цвета и значения.
Нативные слоты
С момента выхода компонентов в Figma, они имели ограничения. Например, в компоненте выпадающего списка нельзя было добавить новые элементы в экземпляр; нужно было создавать скрытые элементы или детачить компонент, что усложняло передачу разработки. Теперь с нативной фичей слотов можно добавлять свои слои в экземпляры и указывать, какие экземпляры принимает слот. Это повышает удобство и соблюдение стандартов дизайн-систем.
Проверка дизайнов
При передаче дизайна в разработку часто возникают вопросы о используемых токенах. Теперь с новым инструментом Check Designs стало проще сопоставлять значения с переменными дизайн-системы. Отметьте элемент как готовый для разработки или вызовите “Check Designs”, и инструмент предложит подходящие переменные в контексте вашего дизайна.
Улучшение производительности дизайн-систем
Теперь обновление экземпляров (особенно с тысячами компонентов) и редактирование сложных файлов работает значительно быстрее. При обновлении переменных или смене режимов скорость увеличилась на 30–60%, а тяжелые операции выполняются в 5-10 раз быстрее, в зависимости от сложности взаимодействия переменных и компонентов.
Про код и AI
MCP Сервер Figma
MCP Сервер Figma, который интегрирует контекст из Figma и кодовой базы в рабочие процессы с ИИ, вышел из бета-версии и доступен всем. Теперь можно добавлять контекст из Figma для ИИ моделей. Локальный и удалённый серверы имеют одинаковый функционал, а с поддержкой диаграмм FigJam можно создавать многошаговые флоу и связывать их с вашими ИИ-инструментами.
Дизайн-системы в Make
Контекст из дизайн-систем и кода критичен для качества. Люди тратят месяцы на создание тысяч компонентов и переменных с тщательной проработкой. Команда Figma хочет, чтобы эта точность отражалась в генерациях Make. И, чтобы вы могли импортировать дизайн-системы из Figma или кода.
Make kits
Первая возможность — импорт библиотек из Figma с помощью новой функции Make kits, которая генерирует React-компоненты и CSS-файлы для стилей и переменных, упаковывая их для Make.
Импорт npm-пакетов
Для команд с дизайн-системой в коде будет возможность импортировать React-компоненты (приватные или open-source) через менеджер npm-пакетов.
Это основные обновления дизайн-систем от Figma, направленные на удобство, производительность и адаптацию к эре ИИ.
Подписывайтесь на мой канал в Телеграм, чтобы узнавать о новых заметках.