Variables Documentation

About this plugin

Variables Documentation

Document your design system variables with clarity and precision. This plugin creates comprehensive, customizable documentation for Figma variables, making your design tokens accessible and shareable.

Key Features

1. Generate professional tables showing variable values across all modes
2. Visualize colors with swatches, hex codes, and transparency
3. Track variable relationships with clear alias references and resolved values
4. Filter and search through large variable collections easily
5. Choose between multiple display styles and customization options
6. Customize table appearance with company branding
7. Preserve variable hierarchy in organized documentation
8. Handle large design systems efficiently with optimized performance

Simple Workflow

1. Select your variable collection
2. Choose variables to document
3. Customize display settings
4. Generate your documentation
5. Share with your team

Perfect for design system teams, documentation specialists, and designers who need to communicate design tokens clearly. Save time and maintain consistency with automated variable documentation.