Automatic Style Guides « Сайт по фигме, но автор отношения к ним не имеет! Not affiliated with Figma
Это не официальный сайт Figma / This is not the official site of Figma

Automatic Style GuidesAutomatic Style Guides

установить плагин для Фигмы Automatic Style Guides

Плагин Automatic Style Guides подготовит презентабельное руководство по стилю для клиентов и разработчиков одним нажатием кнопки.

Как пользоваться

  1. Создайте несколько локальных текстовых и цветовых стилей
  2. Нажмите Automatic Style Guides > Создать руководство по стилю
  3. Новая страница под названием «Руководство по стилю» была добавлена в ваш документ

или обновляйте свое руководство по стилю с помощью меток усов!

  1. Создайте несколько локальных текстовых и цветовых стилей
  2. Найдите текстовый слой, который хотите обновить, используя значение свойства вашего локального стиля
  3. Переименуйте этот текстовый слой в нечто вроде {{myTextStyle.fontSize}}
  4. Нажмите Automatic Style Guides > Обновить метки усов
  5. Текстовый слой с именем {{myTextStyle.fontSize}} обновит свое содержимое до размера шрифта myTextStyle (т.е. 12 пикселей)

Доступные теги текста

{{}} MyTextStyle.id
{{}} MyTextStyle.type
{{}} MyTextStyle.name
{{}} MyTextStyle.fontFamily
{{}} MyTextStyle.fontStyle
{{}} MyTextStyle.fontSize
{{}} MyTextStyle.letterSpacing
{{}} MyTextStyle.lineHeight
{{}} MyTextStyle.textCase
{{}} MyTextStyle.textDecoration
{{}} MyTextStyle.paragraphSpacing

Цветовые стили

{{}} MyColorStyle.id
{{}} MyColorStyle.type
{{}} MyColorStyle.name
{{}} MyColorStyle.key
{{}} myColorStyle.paints
{{}} MyColorStyle.r
{{}} MyColorStyle.g
{{}} MyColorStyle.b
{{}} MyColorStyle.a
{{}} MyColorStyle.rgba
{{}} MyColorStyle.remote
{{}} MyColorStyle.description

Предупреждения

  • Стили, начинающиеся с пробела, не поддерживаются
  • Убедитесь, что все стили имеют уникальные имена. Если нет, он будет пропущен
  • Поддержка только одного цвета в цветовом стиле
  • Все чувствительно к регистру. Если что-то не работает, дважды проверьте написание
Разработчик: Jordan Geizer

Плагины из той же категории