Variables Documentation
Create beautiful documentation tables for all your Figma variables
Plugin Preview
About this plugin
Variables DocumentationDocument 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 FeaturesGenerate professional tables showing variable values across all modesVisualize colors with swatches, hex codes, and transparencyTrack variable relationships with clear alias references and resolved valuesFilter and search through large variable collections easilyChoose between multiple display styles and customization optionsCustomize table appearance with company brandingPreserve variable hierarchy in organized documentationHandle large design systems efficiently with optimized performanceSimple WorkflowSelect your variable collectionChoose variables to documentCustomize display settingsGenerate your documentationShare with your teamPerfect for design system teams, documentation specialists, and designers who need to communicate design tokens clearly. Save time and maintain consistency with automated variable documentation.
Plugin Details
| Version | 16 |
|---|---|
| Created | April 14, 2025 |
| Last Updated | March 9, 2026 |
| Category | File organization plugins |
| Creator | Mattia Marinangeli |
| Stats | 660 installs, 256 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.