How to Tag the Author Box Widget for Figma to Elementor?

Showing who wrote a post in your Figma design? You can tag that author card as the Elementor Pro Author Box widget using the UiChemy plugin, so it's ready to show real author details on your blog.

What Can Be Tagged?

A frame containing an author image, the author name, and a short description can be tagged as an Author Box widget.

How to Tag?

To do this, open the plugin and choose Classic Mode, then pick one of two options: Step by Step Method or Quick Conversion. This example uses the Step by Step Method.

1. First, choose Classic Mode, select the Step by Step Method, and click the Start button.
2. Select the top-level page or frame of your layout, then click the Next button. On Optimize Multi-Layer Media, click Lock on any flagged layers (or Lock All), then click Next.
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. This example uses 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 Author Box widget in the UiChemy panel and select it. Here you'll see all the supported Elementor widgets.

You'll then see widget-specific tagging options.

6. From the Image field, choose the author's picture.
7. From the Author Name field, choose the text layer with the author's name.
8. From the Description field, choose the text layer with the author's bio.
9. 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 Author Box widget with all your specified information.