Back to Plugins

Auto Documentation
Automatically document your colors, fonts and variables
documentationdesign-systemgeneratordocumentationguideautomaticbrandtypographystyleslocalfont
Plugin 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
| Version | 7 |
|---|---|
| Created | July 27, 2022 |
| Last Updated | November 29, 2025 |
| Category | File organization plugins |
| Creator | Eddy Salzmann |
| Stats | 10750 installs, 1291 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.