Back to Plugins
Variables Documentation

Variables Documentation

Create beautiful documentation tables for all your Figma variables

Plugin Preview

Variables Documentation 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

Version16
CreatedApril 14, 2025
Last UpdatedMarch 9, 2026
CategoryFile organization plugins
CreatorMattia Marinangeli
Stats660 installs, 256 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none