0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Auto Documentation

Automatically document your colors, fonts and variables

by Eddy Salzmann

users
46K
likes
1.4K
saves
12K
comments
56
FreeWorks inFigma Design
Price
Free
Latest version
v7 ยท Nov 29, 2025
First published
Jul 27, 2022
Publisher
Eddy Salzmann
Features

What Auto Documentation does

Summarised from Eddy Salzmann's description on the Figma Community.

  • Color documentation

    Documents all of the color styles defined in your file and puts them into an adjustable component.

  • Font documentation

    Documents all of your font styles defined in your file and puts them into an adjustable component.

  • Variable documentation

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

On this page
Overview

About Auto Documentation

Auto Documentation is a free Figma plugin published by Eddy Salzmann in 2022. It works in Figma Design and has 45,571 users and 1,403 likes on the Figma Community. It ranks #9 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:

  1. Color name
  2. Color HEX value
  3. 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:

  1. Preview text (Options: text, font name, font name + text )
  2. Font name
  3. Font family
  4. Font weight
  5. Font size
  6. Font line height
  7. 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 โ˜•๏ธ

Changelog

What's new

Version 7 ยท released Nov 29, 2025

  • v2.3
  • Figma API Bug fixes
Trust

Permissions and privacy

Network access

Auto Documentation declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Auto Documentation ranks

Compare

Auto Documentation alternatives

  1. 1

    Styler

    by Andrei Iancu

    229K users3.4KFree

    Bulk management of styles based on layer properties.

  2. 2

    Design Lint

    by Daniel Destefanis

    142K users5.7KFree

    Find and fix errors in your designs

  3. 3

    Specs Classic

    by Directed Edges Plugins

    136K users5.5KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

  4. 134K users3.2KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

  5. 5

    Instance Finder

    by Idan Arbel

    96K users1.8KFree
  6. 79K users1.4KFree

    Create the brillant Color Styleguide page using your local Color Styles.

FAQ

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.

Is Auto Documentation safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Auto Documentation declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

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 Specs Classic. Compare all of them on the best Figma plugins for design systems.

For developers

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.

Auto Documentation on figmaplugins.co

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>