Отступы / SPC

Единая шкала расстояний: внешние и внутренние отступы, промежутки auto-layout (gap), высоты строк контролов. Семь числовых переменных — применяются напрямую.

Шкала

XXS 4 px · 0.25 rem

SXS 8 px · 0.5 rem

SZS 16 px · 1 rem

SZM 24 px · 1.5 rem

SZL 32 px · 2 rem

SXL 48 px · 3 rem

XXL 64 px · 4 rem

Базовая единица дизайн-системы — 4. Все отступы, размеры и координаты кратны ей; шкала SPC — её кратные ступени. Допустимые исключения — толщины линий (THK начинается с 1) и метрики шрифта из TXT/FTY.

Применение

gap / itemSpacing и padding auto-layout-слоёв привязываются к переменным шкалы;
Высоты контролов берутся из той же шкалы:
- SZS = 16 — малый размер;
- SZM = 24 — средний размер;
- SZL = 32 — большой размер;
Компонент Spacer — прокладка с вариантами Size=XXS…XXL;

Замечено на канвасе: Spacer Size=L равен 24 (совпадает с M), тогда как по шкале SZL = 32. Привязку следует исправить в Figma.