В уроке разобрана работа с Dev Mode в Figma: как получить CSS-свойства элемента (font-weight, font-size, line-height, letter-spacing), копирование нужных строк. В Taptop — поле «Пользовательские свойства» в настройках класса для вставки CSS напрямую.
Dev Mode в Figma даёт точные CSS-значения, не округлённые. Поле «Пользовательские свойства» в классе Taptop — это CSS, который применяется к элементу напрямую, минуя интерфейс. Полезно для свойств, которых нет в стандартной панели: font-feature-settings, text-transform и другие.
Урок для тех, кто работает с Figma-макетами и хочет точно перенести стили, не теряя детали в интерфейсном переводе. Базовое понимание CSS-свойств нужно — урок показывает метод, а не объясняет каждое свойство с нуля.