Typography & Color Style Guide

Typography & Colors Style GuideAutomatically generate a style guide from local styles and color variablesPlugin will display:

Color variablesColor stylesText stylesThe used fonts with a weight based on styles and an alphabet as a visual example.

If styles or variables are organized in folders, a frame will be created for each folder with a title.

Available languages: English and Russian.

You can choose light or dark theme for Style Guide.

Color style/variable includes:

Color (solid or gradient)NameHEX codeRGB codeDescription (if provided)Text style includes:

Style nameFont nameFont sizeLine heightLetter spacingDescription (if provided)-------------------------------Плагин визуализирует локальные текстовые стили, цветовые стили и цветовые переменныеО цветовом стиле/переменной выводится: цвет, название, коды в формате RGB и HEX, а также описание, если оно естьО текстовом стиле выводится: название стиля, название и размер шрифта, межстрочный и межбуквенный интервал, а также описание, если оно естьПлагин также отобразит используемые шрифты с начертаниями на основе стилейДля отображения доступен английский и русский языкНа выбор светлая и темная тема для генерации