{"id":24921,"date":"2024-05-23T20:13:42","date_gmt":"2024-05-23T20:13:42","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=24921"},"modified":"2026-01-13T11:56:35","modified_gmt":"2026-01-13T11:56:35","slug":"introducing-the-highcharts-core-figma-plugin","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/introducing-the-highcharts-core-figma-plugin\/","title":{"rendered":"Introducing the Highcharts Core Figma Plugin"},"content":{"rendered":"

Exciting news for designers! We\u2019ve just launched version 1.0 of Highcharts Core Figma Plugin available for free on Figma Community<\/a>. Read on to discover the powerful new features we’ve added. You can also check out our v1.0 tutorial<\/a> for a quick walkthrough of what’s new.<\/p>\n

Apply Custom Themes With Local Variables<\/b><\/h2>\n

Customizing the look and feel of your charts is simple. Our default theme (called “Vikafjell”) is fully customizable through Figma\u2019s local variables panel.<\/p>\n

This feature is especially helpful when working with predefined color libraries and switching between light and dark modes. Just configure your color variables, and your chart colors will automatically update across the board.<\/p>\n

Or create an entirely new theme by duplicating the existing one and renaming it. Your new theme will take effect once you reload the plugin.<\/p>\n

For more detailed help, check out our tutorial on using local variables<\/a> with the plugin.<\/p>\n

Note: Figma\u2019s free tier only allows for one theme mode (light or dark), while higher tiers provide multiple theme options.<\/i><\/p>\n

Import Custom Data<\/b><\/h2>\n

Visualize real-world data using the plugin\u2019s new custom data import feature.<\/p>\n

Simply go to the \u201cData\u201d tab in the plugin, select “New,\u201d and give your dataset a name. Then paste your comma separated values into the Data text box and click \u201cSave Data.\u201d<\/p>\n

Your data is now available in the “Sources” drop down list. You can edit or delete the dataset as needed.<\/p>\n

When you’re ready to create a chart, select a frame, choose your chart type and select your dataset from the source list. Your visualized data will appear in the chart preview.<\/p>\n

More Great Features<\/strong><\/h2>\n