swap text styles

Обратный текст стили

Это частный плагин Figma, чтобы проверить, как будет появляться использование различных семейств шрифтов в данном дизайне. Он использует местные стили текста для идентификации семейства шрифтов и стиля, чтобы обмениваться. Это открыто для любого, чтобы дублировать это и проверить его в своих файлах.

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

Этот плагин опирается на стили текста для обмена. Чтобы начать:

1. Создайте текстовые стили для каждой семьи шрифтов, которую вы хотите изучить. Обязательно имейте иерархию (заголовок 1, заголовок 2 и т. Д.)
2. Создайте дизайн, используя один из стилей текста
3. Установите свою среду для запуска плагинов Figma (см. Документацию Figma)
4. Замените следующие области кода на ваши потребности:

• Добавьте семейства шрифтов и стили в строки 16-74 в code.ts.
• Добавьте идентификаторы стиля в строки 93-271 в code.ts. Вы можете найти их в файле, открыв консоль на Figma и запустив Figma.getLocalTextStyles (), а затем проверив идентификатор для каждого узла.
• Отрегулируйте стили на строках 291-353 на code.ts.
• Регулирует языки по строкам 5-13 в UI.HTML.

5. Выберите кадр (ы) и запустите плагин!

Демо

Для моего файла у меня есть 9 шрифтов, начиная от 1 до крошечного тела. Этот пример показывает перевертывание от Noto Sans в Тахому.