Powerful Figma plugins to automatize documentation

Written by Maxime

May 14, 2024

If you are building design system with Figma and need really good and automatized documentation, here are my top 5 plugins:

Local Print

This plugin helps you generate a table displaying all your created variables. You can choose the collection to display, such as Colors, Typography, or Spacing for example. When you edit your variables, simply refresh the table to see the changes. It's a valuable tool for sharing and documenting your variables with your team.

EightShapes Specs

Automate production of page and component design specification ("specs") of selected components, instances and frames. In just one click, you can generate a full page documentation including:
- Anatomy with marked layers and annotated dependencies, instance props and other unvarying attributes
- Props that compare attributes across variants to highlight differences and boolean prop layer visibility
- Layout and spacing of layers with autolayout, describing attributes and annotating artwork
- And much more...

Auto Documentation

With one click, this plugin documents all of the color and text styles for you.

Propstar

Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labelled table.

Design Version

It automatically generates a version number so you can identify it, and saves each version in Figma's history.

More posts

Why a design system

Just another article about design systems ;)

Read more

Get started for free

Ready to create your design system? Start with a free version and if you feel confident to use our complete solution, check our pricings.