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 documentation

Documents 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 name
  • Color HEX value
  • Color RGB value


Font documentation

Documents 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 name
  • Font family
  • Font weight
  • Font size
  • Font line height
  • Font letter spacing


Variable documentation

Documents all of your local variables. Adjust the styling by using the provided components


If you are happy with the plugin, feel free to buy me a coffee ☕️

Plugin Details

Version5
CreatedJuly 27, 2022
Last UpdatedJune 17, 2024
CategoryFile organization plugins
CreatorEddy Salzmann
Stats9360 installs, 1063 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma