Variably

About this plugin

Visualize your Figma Variables in a clean, structured table

This plugin transforms your Figma variables collections into structured, visual tables directly on your canvas. Whether you're documenting design tokens, creating handoff materials, or maintaining a design system, it automatically generates professional tables with proper grouping, color indicators, and CSS-ready dev tokens.

1. Auto-detect and group variables by prefixes
2. Generate CSS custom properties for developers
3. Visual color swatches for color variables
4. Support for all Figma variable types (Color, Number, String, Boolean)
5. Handle multiple modes/themes seamlessly
6. Smart alias resolution and formatting

Clean. Structured. Ready for handoff. All variables stay perfectly in sync with your design system.