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

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