Column chart with figma variables | column chart components in figma | How to use of variable modes in figma

 

How to create column chart using figma variables ? Step 1 create layout for column chart Step 2 add annotation for column chart (ex- sales, expenses, profit) Step 3 Local variable as table Step 4 create column (default & active state along with tooltip data) Step 5 Apply variables, Pass through (show/hide) Step 6 Variable mode to change with different entries given in local variable as table data In this video explained - how to use figma local variables (Boolean, String, Number) - how to use figma show/hide feature (using pass through) - how to use figma variable modes (using as repeater data) - how to create components using local variables - how to create reusable component in figma