On this page
About Auto Documentation
Auto Documentation is a free Figma plugin published by Eddy Salzmann in 2022. It works in Figma Design and has 47,298 users and 1,443 likes on the Figma Community. It ranks #13 in Design Systems on our lists.
In the developer's words
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 ☕️
What's new
Version 5 · released Jun 17, 2024
- Added font weight numbers to font weight names
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Auto Documentation ranks
Auto Documentation alternatives
- 1
Styler
by Andrei Iancu
237K users3.5KFreeBulk management of styles based on layer properties.
- 2
Design Lint
by Daniel Destefanis
147K users5.8KFreeFind and fix errors in your designs
- 3
Styles & Variables Organizer
by Chenmu Wu
140K users3.3KFree + $15 upgradeApply styles and variables to all your designs with one click!
- 4
Specs Classic
by Directed Edges Plugins
139K users5.6KFree + $8/mo upgradeGenerate component specs including anatomy, props and layout & spacing
- 5
Figr Identity
by figr.design
136K users4.2KFreeGenerate production-grade design systems with components, variables & style sheets setup in Figma
- 6
Typography Style Guide
by hiloki
116K users1.3KFreeCreate the Typography Style Guide page in one shot.
Auto Documentation FAQ
What does Auto Documentation do?
Automatically document your colors, fonts and variables. It's a Figma plugin by Eddy Salzmann that runs in Figma Design.
Is Auto Documentation free?
Yes. Auto Documentation is free to install and run from the Figma Community, with no paid tier listed.
How do I install Auto Documentation?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Auto Documentation?
By user count, the closest alternatives are Styler, Design Lint and Styles & Variables Organizer. Compare all of them on the best Figma plugins for design systems.
Built this plugin?
Use this page as a landing page for Auto Documentation: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/auto-documentation/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Auto Documentation on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review