---
title: "How to Tag The Rating Widget for Figma to Elementor?"
url: https://uichemy.com/docs/tag-the-star-rating-widget-for-figma-to-elementor/
date: 2023-09-21
modified: 2026-04-14
author: "Sagar Patel"
description: "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..."
image: https://uichemy.com/wp-content/uploads/2023/05/How-to-Tag-The-Star-Rating-Widget-for-Figma-to-Elementor_-min-1024x536.jpg
word_count: 288
---

# 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.

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**.

- First, select the **Step by Step Method **and click on the** Start **button.

- Select the top-level page or frame of your layout, then click on the **Next **button.

- Under the **Widget Tagging Mode** tab, select the **Manual Widget Tagging** Option.

- 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**.

- 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](https://uichemy.com/docs/widgets-compatible-with-figma-to-elementor-conversion-in-uichemy/).

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

- In the **Rating Scale** field, you have to select the rating scale.

- From the **Rating **field, you have to select the rating number.

- The **Icon** field will be automatically filled as per your design.

- 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](https://uichemy.com/wp-content/uploads/2023/09/exported-template-with-star-rating-new.gif)

## Resource

- [Figma Example](https://www.figma.com/design/fqYegwSczwfSUbN7RMPYk5/Tagging-Examples-Staging-v16?node-id=925-2&t=4zLA5i3NGEw152SG-1)

## Frequently Asked Questions

**Q: What should I do if the Rating widget doesn't appear after tagging?**
A: 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.

**Q: What is the best practice for tagging the Rating widget in UiChemy?**
A: 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.

**Q: Is there a way to quickly tag multiple Rating widgets in UiChemy?**
A: 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.

**Q: What types of elements can be tagged as a Rating widget in UiChemy?**
A: 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.