How to Tag The Rating Widget for Figma to Elementor?

Key Takeaways

  • UiChemy allows tagging user ratings in Figma layouts as an Elementor Star Rating widget.
  • Users can select the Manual Widget Tagging Option under the Widget Tagging Mode tab to tag elements.
  • The Rating Scale and Rating fields must be specified before exporting the design to ensure correct widget functionality.

Table of Contents

If you are showing some user ratings on your Figma layout, like on products, reviews, etc., you can tag those elements as an Elementor Star Rating widget using the UiChemy plugin.

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

What Can be Tagged?

A frame containing multiple Font Awesome icons and a title can be tagged as a Rating 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 Rating widget in the UiChemy panel and select it. Here, you’ll see all the supported Elementor widgets.

Then you’ll see widget-specific tagging options, and most of the options will be auto-filled based on your design.

  1. In the Rating Scale field, you have to select the rating scale.
  2. From the Rating field, you have to select the rating number.
  3. The Icon field will be automatically filled as per your design.
  4. 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 Rating widget with all your specified information.

exported template with star rating

Resource

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 should I do if the Rating widget doesn't appear after tagging?

If the Rating widget isn't showing up after tagging, double-check that you've selected the correct frame or container in the UiChemy panel. Ensure you chose the Manual Widget Tagging Option and that all fields, including the Rating Scale and Rating number, are filled out correctly. If everything seems correct but the widget still doesn't appear, try re-exporting the design to see if that resolves the issue.

What is the best practice for tagging the Rating widget in UiChemy?

The best practice for tagging the Rating widget in UiChemy is to use the Step by Step Method for clarity. Start by selecting the top-level page or frame, then ensure you choose the Manual Widget Tagging Option. Fill in the Rating Scale and Rating fields accurately, as these will define how the widget appears on your site. This attention to detail ensures that your exported design functions as intended.

Is there a way to quickly tag multiple Rating widgets in UiChemy?

While the tutorial primarily outlines the Step by Step Method, if you have multiple Rating widgets, you can streamline the process by using the Express Conversion option. This allows for quicker tagging of multiple elements, but ensure you review each widget's settings to maintain accuracy in your design.

What types of elements can be tagged as a Rating widget in UiChemy?

In UiChemy, a frame containing multiple Font Awesome icons and a title can be tagged as a Rating widget. This flexibility allows you to create visually appealing ratings that integrate seamlessly into your Elementor designs, enhancing user engagement and feedback presentation.

Last reviewed: April 14, 2026