How to Tag The Chart Widget for Figma to Elementor?

Key Takeaways

  • UiChemy allows tagging a frame as a Chart widget from The Plus Addons for Elementor.
  • Users can select the Manual Widget Tagging Option during the Step by Step Method for tagging.
  • Exporting the design after tagging results in the element using the Chart widget from The Plus Addons for Elementor.

Table of Contents

If you are using any charts (bar chart, pie chart etc.) in your Figma design to show some statistics, then you can tag those elements as a Chart widget from The Plus Addons for Elementor using the UiChemy plugin.

So when you export the design as an Elementor template, that particular section will use the Chart widget.

What Can be Tagged?

A frame can be tagged as a Chart widget.

How to Tag?

To do this, you can choose between two options: Step by Step Method or Express Conversion.

Here, we’ll go with the Step by Step Method.

  1. First, select the Step by Step Method and click on the Start button.
  2. Select the top-level page or frame of your layout, then click on the Next button.
  3. Under the Widget Tagging Mode tab, select the Manual Widget Tagging Option.
  4. Next, under the Manage Auto Layout tab, you’ll see two options: It’s already in Auto Layout and Convert to Auto Layout. We’ll go with the first option.
  5. After that, under the Tag Widgets tab, choose the frame or container that contains your element (Widget). Then, search for the Chart widget from The Plus Widgets in the UiChemy panel and select it. Here, you’ll see all the supported Elementor widgets.

On the next screen, you’ll get the information of which element you are tagging as what widget.

Then you’ll see widget specific tagging options.

  1. From the Chart Type dropdown, you have to select the chart type.
  2. Once done, click the Save button to complete the tagging, and you’ll see a Tagged successfully message.

Now if you export the design, that element will use the Chart widget from The Plus Addons for Elementor.

exported template with chart

Note: Since this is a pro widget make sure The Plus Addons for Elementor free and pro plugins are installed and activated and the widget is activated as well. You might have to make some minor adjustments in the widget settings to match the design, especially those elements that are not tagged. 

About the Author

Photo of Sagar Patel CEO of UiChemy
CEO · UiChemy · 11 years experience

Sagar is the Founder & CEO of POSIMYTH Innovations, with 10+ years building WordPress products trusted by 100,000+ websites globally. He has led the development of The Plus Addons for Elementor, Nexter, WDesignKit, and UiChemy, all built hands-on from concept to launch. His work focuses on making website building faster, more flexible, and accessible for creators and businesses worldwide.

WordPressFigmaUI DesignWeb DesignElementorBricksAutomationClaudeAI

Related Frequently Asked Questions


What if my Chart widget doesn't display correctly after tagging?

If your Chart widget isn't displaying as expected, ensure that you have the pro version of The Plus Addons for Elementor installed and activated. This is crucial because the Chart widget is a pro feature. Additionally, check the widget settings for any necessary adjustments that may be needed to match your Figma design.

What is the best method for tagging Chart widgets in Figma?

The Step by Step Method is recommended for tagging Chart widgets in Figma. This method allows you to manually select and tag each widget, ensuring that you have complete control over the tagging process. Itu2019s particularly useful for complex designs where precision is key.

What happens if I skip tagging the Chart widget in my Figma design?

If you skip tagging the Chart widget, that section of your design will not be converted into a functional chart in Elementor. Instead, it may be exported as a static element, which won't provide the interactivity or data representation that a Chart widget offers.

Are there any limitations when using Chart widgets with UiChemy?

One limitation to be aware of is that the Chart widget from The Plus Addons for Elementor requires both the free and pro versions of the plugin to be installed and activated. Without the pro version, you won't have access to the Chart widget features, which could hinder your design capabilities.

Last reviewed: April 14, 2026