Back to Plugins
Typography & Colors Style Guide

Typography & Colors Style Guide

Automatically generate a style guide from local styles

Plugin Preview

Typography & Colors Style Guide preview

About this plugin

Typography & Colors Style Guide

Automatically generate a style guide from local styles


Plugin will display:

  1. Color styles
  2. Text styles
  3. The used fonts with a weight based on styles and an alphabet as a visual example.


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


Available languages: English and Russian.


Color style includes:

  1. Color (solid or gradient)
  2. Style name
  3. HEX code
  4. RGB code
  5. Description (if provided)


Text style includes:

  1. Style name
  2. Font name
  3. Font size
  4. Line height
  5. Letter spacing
  6. Description (if provided)


-------------------------------


Плагин визуализирует локальные текстовые и цветовые стили

  1. О цветовом стиле выводится: цвет, название стиля, коды в формате RGB и HEX, а также описание стиля, если оно есть
  2. О текстовом стиле выводится: название стиля, название и размер шрифта, межстрочный и межбуквенный интервал, а также описание стиля, если оно есть
  3. Плагин также отобразит используемые шрифты с начертаниями на основе стилей
  4. Для отображения доступен английский и русский язык на выбор

Plugin Details

Version16
CreatedJuly 4, 2025
Last UpdatedOctober 23, 2025
CategoryFile organization plugins
CreatorNellya Nazmieva
Stats59 installs, 12 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none