Variables Design Sheet

Transform Figma Variables into clear, organized design sheets.

text stylesvariables to tablevisualizationvariables to sheetsvariablesvariable collectiondesign systemvariable modeorganizationefficiencycolor styles

Plugin Preview

Instantly transform your Figma variables into a comprehensive, easy-to-read design system sheet.

Key Features:

• Lightning-fast generation of variable sheets

• Organized layout with grouped variables

• Support for multiple color modes

• Display of alias relationships between variables

• Clear typography for easy readability

• Hex codes for color aliases for quick reference

• Draggable groups thanks to auto-layout structure

• Alphabetical sorting of variables using Figma API

• Visual representation of your entire design system in one view

This is the first version of Variables Design Sheet, and it's free to use!

If you're enjoying the plugin, please leave a like and share your comments. ❤️