Перейти к основному содержимому

Меню команд

Перейти на страницу или искать в каталоге

Веб-элементы (бейджи, баннеры)

Переменные Figma: как выстроить свою первую чистую дизайн-систему

Опубликовано #STA_digital_library@

$9.00

Что вы получите: 1 файл · 2.71 MB · PDF

Варианты покупки

Описание товара

Описание продукта
10-страничная структурная схема, подробно описывающая архитектуру токенов от примитивных к семантическим, необходимую для создания готовой к продакшену дизайн-системы в Figma. Это руководство избавляет от ручного обновления HEX-кодов благодаря масштабируемой, логически выстроенной системе стилей.

Что вы получаете:

  • 1 PDF в высоком разрешении: полностью оптимизирован для удобного чтения на компьютере или смартфоне.

  • Всего 10 страниц: 1 понятная титульная страница и 9 страниц со структурой дизайн-системы.

  • Архитектурные материалы: готовые к использованию правила именования токенов, структуры колонок для нескольких режимов и чек-листы настройки.

Содержание документа:

  • Трёхуровневая архитектура токенов: структурная схема сопоставления примитивных значений, семантических токенов и переопределений компонентов.

  • Переключение тем в нескольких режимах: пошаговая настройка колонок для автоматического переключения холста между светлым и тёмным режимами.

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

  • Настройка области применения в меню: способы ограничить токены-переменные определёнными заливками, обводками или текстовыми слоями, чтобы избежать ошибок в дизайн-системе.

  • Чек-лист чистых токенов: критерии контроля качества для проверки наследования токенов и циклических зависимостей перед созданием компонентов.

Что вы получите

1 файл · 2.71 MB

  • FIGMA VARIABLES STRUCTURING YOUR DESIGN SYSTEM.pdfPDF · 2.71 MB

Заглянуть внутрь

Превью: 2 из 11 страниц

Включено в Getly ProПолучить Pro

ЛицензияТолько личное использование
Опубликовано7 нояб. 2026 г.
Размер файла2.71 MB
Формат файлаPDF
Заглянуть внутрьПревью: 2 из 11 страниц
Версияv1.0
Страниц11 страниц
Тексттекст можно выделять и искать
Шрифтышрифты встроены, документ везде выглядит одинаково

Теги

figma-variablesdesign-systemfigma-design-systemspacing-scaleresponsive-layoutscomponent-variablesui-design-tokenstoken-setupcolor-stylestypography-styles
D
Digital Library STA

Частые вопросы

Доступ открывается сразу?

Да. Это цифровой товар - скачать его можно сразу после оплаты, прямо из своей библиотеки.

Можно ли использовать в коммерческих проектах?

Только для личного использования. Пользуйтесь сами - не в работе, которую продаёте или сдаёте клиенту, - и не перепродавайте и не распространяйте файл.

Какие условия возврата?

Запросить возврат можно в течение 30 дней. Если что-то не так, оформите заявку в своём заказе - её рассмотрит команда Getly.

Какие форматы и размеры файлов я получу?

Вы скачаете 1 файл - PDF - всего 2.71 MB. В PDF 11 страниц.

Обновления бесплатны?

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

Цена

$9.00