arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана работа с 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-свойств нужно — урок показывает метод, а не объясняет каждое свойство с нуля.

Перенос стилей из Figma в Taptop

Копируешь стили из Figma вручную: находишь font-size, line-height, letter-spacing — и вводишь каждое значение по одному. Есть ли способ перенести стили быстрее?
В Figma Dev Mode кликаешь на элемент и копируешь нужные CSS-строки. В Taptop: выбрать элемент → класс → раздел «Пользовательские свойства» → Ctrl+V. Стили применяются мгновенно. Идеально для точной типографики. Для тех, кто верстает по макетам Figma. После просмотра переносишь стили из Figma в Taptop в несколько нажатий.
Тайминги видео
00:00 — я покажу, как буквально за пару 00:35 — готовые CSS-свойства и вставить их в 01:12 — size, line head и letter spacing 01:48 — повторяют макет. Рабочий UI kit собран

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока