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 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 (other languages may be added later upon request).


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. Description (if provided)

Plugin Details

Version3
CreatedJuly 4, 2025
Last UpdatedAugust 8, 2025
CategoryFile organization plugins
CreatorNellya Nazmieva
Stats12 installs, 6 likes
PricingFree

Technical Details

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