Used text styles

About this plugin

🇬🇧 Plugin for inspecting used text styles.

How to use

1. Run the plugin
2. Select node with text (frame, component or group)
3. Manage your styles: if text node has linked style, plugin shows style's name, else plugin shows font name
4. By clicking the style you can scroll to the element to bind or unbind style or change font properties

NOTE: in browser when you change styles via editor panel and plugin is running font selection may crush. So just remove selection from node, chage font and select back.

It supports mixed text styles like 'sample text', when you use different text settings for some words. But, please, use different text blocks for different styles, because it's easier for developer to inspect your designs.

It doesn't support multiple node selection so as not to overload Figma.

======================

🇷🇺 Плагин, чтобы посмотреть текстовые стили, которые были использованы в выбранной области

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

1. Запускаете плагин
2. Выбираете область с текстом (фрейм, компонент или группу)
3. Если у текста есть привязанный стиль, то показан привязанный стиль, если стиля нет, то показано название шрифта
4. Если кликнуть на стиль, то вас проскроллит к элементу

ВНИМАНИЕ: в браузере при выборе нового шрифта при открытом плагине выбор шрифта может вылетать. Просто снимите выделение с фрейма, выберите шрифт и выделите нужный элемент заново.

Плагин поддерживает смешанные стили, когда у вас сплошной текст написан "так, а потом сразу так". Пожалуйста, старайтесь разбивать разные текстовые стили на разные блоки, чтобы разработчику потом было проще их инспектировать и переносить в редактор кода.

Плагин не поддерживает выделение нескольких фреймов одновременно, чтобы не перегружать Фигму.