Back to Plugins
Auto Documentation

Auto Documentation

Automatically document your colors, fonts and variables

documentationdesign-systemgeneratordocumentationguideautomaticbrandtypographystyleslocalfont

Plugin Preview

Auto Documentation preview

About this plugin

With one click, this plugin documents all of the color and font styles for you.Color documentationDocuments all of the color styles defined in your file and puts them into an adjustable component. You can create your own template or use the auto-generated one. It outputs the following fields:Color nameColor HEX valueColor RGB valueFont documentationDocuments all of your font styles defined in your file and puts them into an adjustable component. You can create your own template or use the auto-generated one. It outputs the following fields:Preview text (Options: text, font name, font name + text )Font nameFont familyFont weightFont sizeFont line heightFont letter spacingVariable documentationDocuments all of your local variables. Adjust the styling by using the provided componentsIf you are happy with the plugin, feel free to buy me a coffee ☕️

Plugin Details

Version7
CreatedJuly 27, 2022
Last UpdatedNovember 29, 2025
CategoryFile organization plugins
CreatorEddy Salzmann
Stats11367 installs, 1358 likes
PricingFree

Technical Details

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