Принцип работы
Figma Generate Library — это многоэтапный рабочий процесс для дизайн-системы, а не генератор экранов за один шаг. Он сравнивает код, существующий файл Figma и подключённые библиотеки, а затем фиксирует определённый объём токенов и компонентов до начала записи. Переменные и стили создаются раньше компонентов, поэтому визуальные свойства можно привязать к согласованной основе.
Источник уделяет особое внимание состоянию в длительных процессах: созданные ID, детерминированные имена и сохранённый журнал позволяют возобновлять работу без дублирования узлов. Работа с компонентами включает раскладку вариантов, текстовые и булевы свойства, замену иконок и документацию. Контрольные точки с участием человека — часть процесса, особенно когда код и Figma расходятся; Skill не решает молча, какая система должна стать основной.
Ожидаемые результаты
- Коллекции переменных Figma, семантические алиасы и стили текста или эффектов
- Документированные повторно используемые компоненты с контролируемыми наборами вариантов
- Журнал состояния и итоговая проверка привязок, именования и внешнего вида
От задачи до проверки
- 01Исследование и фиксация объёма
Проведите инвентаризацию ресурсов кода и Figma, найдите нужное в библиотеках и согласуйте точный начальный набор токенов и компонентов до создания.
- 02Создание основы
Создайте примитивные и семантические переменные, режимы, области применения и синтаксис кода, затем типографику и эффекты. Получите утверждение основы, затем создайте структуру страниц и документацию основы и получите отдельное утверждение перед началом работы над компонентами.
- 03Поэтапное создание компонентов
Создавайте по одному компоненту с привязками переменных, свойствами и документацией. Проверьте структуру и внешний вид, покажите скриншот и получите утверждение перед следующим компонентом.
- 04Согласование и аудит
Проверьте именование, неразрешённые привязки и необязательные сопоставления Code Connect, опираясь на записанные ID, а не на догадки или масштабную чистку.