# UiChemy Docs

## Home

- [Introduction](https://uichemy.documentationai.com/introduction.md): What UiChemy is and how it turns Figma designs into WordPress layouts.
- [Quickstart](https://uichemy.documentationai.com/quickstart.md): Convert your first Figma design into Elementor in under 5 minutes with UiChemy.
- [Personalize Your Journey](https://uichemy.documentationai.com/personalize-your-journey.md): What to expect from the one-time onboarding survey the first time you open the UiChemy Figma plugin.

## AI Express Mode

- [What is AI Express Mode?](https://uichemy.documentationai.com/ai-express-mode/overview/what-is-ai-express-mode.md): AI Express Mode converts your Figma design into a finished, editable WordPress page, and does the finishing work for you.
- [AI Express Mode vs Classic Mode](https://uichemy.documentationai.com/ai-express-mode/overview/ai-express-mode-vs-classic-mode.md): Compare AI Express Mode and Classic Mode to decide which conversion approach fits your project.
- [Set up the UiChemy WordPress Plugin](https://uichemy.documentationai.com/ai-express-mode/getting-started/set-up-the-wordpress-plugin.md): Install the UiChemy WordPress plugin, sign in, and choose how you want to work with AI Express Mode.
- [Install the Figma Plugin](https://uichemy.documentationai.com/ai-express-mode/getting-started/install-the-figma-plugin.md): Install the UiChemy Figma plugin, sign in, and start your first AI Express Mode conversion.
- [Connect Your Site (Connection Link)](https://uichemy.documentationai.com/ai-express-mode/getting-started/connect-your-site.md): Connect your WordPress site to the UiChemy Figma plugin with a single Connection Link.
- [Understanding Credits](https://uichemy.documentationai.com/ai-express-mode/getting-started/understanding-credits.md): How UiChemy Credits work across AI Express Mode and Classic Mode, and where to check your balance.
- [Step 1: Select Design](https://uichemy.documentationai.com/ai-express-mode/how-it-works/select-design.md): Pick the Figma frame or page you want to convert with AI Express Mode.
- [Step 2: Connect Site](https://uichemy.documentationai.com/ai-express-mode/how-it-works/connect-site.md): Choose the WordPress site to publish your AI Express Mode conversion to.
- [Step 3: Choose Setup](https://uichemy.documentationai.com/ai-express-mode/how-it-works/choose-setup.md): Decide whether AI Express Mode sets up your whole site or just imports a single page.
- [Step 4: Fix Gaps](https://uichemy.documentationai.com/ai-express-mode/how-it-works/fix-gaps.md): Choose whether AI Express Mode reproduces your design exactly or tidies up small issues as it converts.
- [Step 5: Add Motion](https://uichemy.documentationai.com/ai-express-mode/how-it-works/add-motion.md): Pick a motion tier, Static, Subtle, or Immersive, for your AI Express Mode conversion.
- [Step 6: Review](https://uichemy.documentationai.com/ai-express-mode/how-it-works/review.md): Review your selections before AI Express Mode builds your page.
- [Build and Open Your Page](https://uichemy.documentationai.com/ai-express-mode/how-it-works/build-and-open.md): What happens when AI Express Mode builds your page, and what to do once it's ready.
- [Your Output: The Proton Widget](https://uichemy.documentationai.com/ai-express-mode/proton-widget/what-is-a-proton-widget.md): Every AI Express Mode conversion lands as a native, editable Proton Widget you can keep refining.
- [Editor Tab](https://uichemy.documentationai.com/ai-express-mode/proton-widget/editor-tab.md): Use the Proton Widget's Editor tab to change your converted section visually, without touching code.
- [Chat AI Tab](https://uichemy.documentationai.com/ai-express-mode/proton-widget/chat-ai-tab.md): Edit your converted section by describing the change in plain language using the Proton Widget's Chat AI tab.
- [Code Tab](https://uichemy.documentationai.com/ai-express-mode/proton-widget/code-tab.md): Work directly in HTML, CSS, and JS, or paste in a layout you already built, using the Proton Widget's Code tab.
- [Set Up UiChemy MCP](https://uichemy.documentationai.com/ai-express-mode/mcp/set-up-uichemy-mcp.md): Connect UiChemy MCP to run AI Express Mode conversions from Claude, Cursor, Codex, or Antigravity.
- [Builders](https://uichemy.documentationai.com/ai-express-mode/builders/builders.md): AI Express Mode converts to Elementor today, with Gutenberg and Bricks coming soon.
- [Troubleshooting](https://uichemy.documentationai.com/ai-express-mode/troubleshooting/troubleshooting.md): Fixes for common AI Express Mode issues, conversion, site connection, results, and Credits.
- [AI Express Mode FAQ](https://uichemy.documentationai.com/ai-express-mode/faq/faq.md): Quick answers to common questions about AI Express Mode.

## Classic Mode

- [Overview](https://uichemy.documentationai.com/classic-mode/overview.md): Classic Mode overview, the three Figma plugins for Elementor, Gutenberg, and Bricks.
- [Onboarding Guide - UiChemy](https://uichemy.documentationai.com/classic-mode/overview/onboarding-guide.md): The complete step-by-step onboarding process for setting up and using UiChemy.
- [Getting Started](https://uichemy.documentationai.com/classic-mode/getting-started.md): Install the Classic Mode Figma plugin, connect your site, and run your first conversion.
- [How to Install UiChemy Figma Plugin on Your Figma App?](https://uichemy.documentationai.com/classic-mode/getting-started/install-figma-extension.md): Install the UiChemy plugin in Figma and activate it with your license key.
- [Can Any Online Resources Be Transformed Directly?](https://uichemy.documentationai.com/classic-mode/getting-started/online-resources.md): Using free online Figma templates with UiChemy, and what to check before you do.
- [Step by Step Introduction of Figma to Elementor Using UiChemy](https://uichemy.documentationai.com/classic-mode/getting-started/first-conversion.md): A complete walkthrough of exporting a Figma design as an Elementor template with UiChemy.
- [What is Direct Import?](https://uichemy.documentationai.com/classic-mode/getting-started/direct-import.md): Export your Figma design directly into WordPress with UiChemy's Direct Import feature.
- [Direct Import: Add Sites & Import Settings](https://uichemy.documentationai.com/classic-mode/getting-started/import-settings.md): Connect WordPress sites and configure how designs are imported with UiChemy's Direct Import feature.
- [How to Import Multiple Designs at Once With UiChemy?](https://uichemy.documentationai.com/classic-mode/getting-started/bulk-import.md): Import multiple Figma layouts into WordPress at once with UiChemy, instead of one at a time.
- [How to Use Copy to Clipboard in UiChemy?](https://uichemy.documentationai.com/classic-mode/copy-mode/workflow.md): Export a specific section of your Figma design directly into WordPress using UiChemy's Copy to Clipboard.
- [How to Quickly Create Figma Layouts using Templates in UiChemy?](https://uichemy.documentationai.com/classic-mode/templates/quick-layouts.md): Use UiChemy's 1,300+ pre-designed templates to quickly build Figma layouts, pre-tagged for Elementor.
- [Do We Need to Install Elementor Pro to Make It Work?](https://uichemy.documentationai.com/classic-mode/getting-started/elementor-pro-requirement.md): Whether Elementor Pro is required to use UiChemy, and when you'd need it.
- [Do We Need The Plus Addons for Elementor's Free Version or Pro Version?](https://uichemy.documentationai.com/classic-mode/getting-started/plus-addons-requirement.md): When you need The Plus Addons for Elementor (free or pro) alongside UiChemy.
- [Figma to Elementor](https://uichemy.documentationai.com/classic-mode/figma-to-elementor.md): Convert Figma designs to Elementor with UiChemy Classic Mode, tagging, global styles, responsive manager, and more.
- [How to Export Figma Design to Elementor Using UiChemy?](https://uichemy.documentationai.com/classic-mode/figma-to-elementor/export-guide.md): Export your Figma design to an editable Elementor page or template using UiChemy.
- [How to Export Figma Design to Elementor with Global Style using UiChemy?](https://uichemy.documentationai.com/classic-mode/figma-to-elementor/global-style-sync.md): Sync Figma's global colors, typography, and container width directly to Elementor with UiChemy.
- [How to Export Non-Auto Layout or Auto Layout design from Figma to Elementor using UiChemy?](https://uichemy.documentationai.com/classic-mode/figma-to-elementor/non-auto-layout.md): Export both Auto Layout and non-Auto Layout Figma designs to Elementor with UiChemy.
- [Which Properties of Figma Are Not Connected for Elementor?](https://uichemy.documentationai.com/classic-mode/figma-to-elementor/unsupported-properties.md): A reference list of Figma properties and options that UiChemy doesn't export to Elementor.
- [How Manual Tagging Works in UiChemy?](https://uichemy.documentationai.com/classic-mode/figma-to-elementor/manual-tagging.md): Understand how UiChemy's manual widget tagging connects your Figma design to Elementor widgets.
- [List of Supported Elementor Widgets in UiChemy Conversion](https://uichemy.documentationai.com/tagging-library/elementor/supported-widgets.md): The full list of Elementor and Plus Addons widgets UiChemy supports today, plus the widgets coming soon.
- [List of Widgets Which Are Compatible With Figma to Elementor Conversion in UiChemy](https://uichemy.documentationai.com/tagging-library/elementor/compatible-widgets.md): See which Elementor widgets you can manually tag in UiChemy and how to find the full supported list inside the plugin.
- [How to Tag The Alert Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/alert.md): Tag an alert message in your Figma design as an Elementor Alert widget using UiChemy.
- [How to Tag The Counter Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/counter.md): Tag a number counter in your Figma design as a dynamic Elementor Counter widget using UiChemy.
- [How to Tag The Google Map Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/google-map.md): Tag a map or address section in your Figma design as an Elementor Google Maps widget using UiChemy.
- [How to Tag The Icon Box Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/icon-box.md): Tag key features, benefits, or services in your Figma design as an Elementor IconBox widget using UiChemy.
- [How to Tag The Icon List Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/icon-list.md): Tag an icon list in your Figma design as an Elementor Icon List widget using UiChemy.
- [How to Tag The Image Box Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/image-box.md): Tag key features, benefits, or services shown with an image in your Figma design as an Elementor Image Box widget using UiChemy.
- [How to Tag The Image Carousel Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/image-carousel.md): Tag a multi-image frame in your Figma design as an Elementor Image Carousel widget using UiChemy.
- [How to Tag The Image Gallery Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/image-gallery.md): Tag a portfolio-style image section in your Figma design as an Elementor Image Gallery widget using UiChemy.
- [How to Tag The ProgressBar Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/progress-bar.md): Tag a progress indicator in your Figma design as a dynamic Elementor Progress Bar widget using UiChemy.
- [How to Tag The Rating Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/star-rating.md): Tag star ratings in your Figma design as an Elementor Star Rating widget using UiChemy.
- [How to Tag The Social Icons Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/social-icons.md): Tag a row of social icons in your Figma design as an Elementor Social Icons widget using UiChemy.
- [How to Tag The SoundCloud Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/soundcloud.md): Tag a music player mockup in your Figma design as an Elementor SoundCloud widget using UiChemy.
- [How to Tag The Testimonial Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/testimonial.md): Tag a customer testimonial section in your Figma design as an Elementor Testimonial widget using UiChemy.
- [How to Tag The Video Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-free/video.md): Tag a video placeholder in your Figma design as an Elementor Video widget using UiChemy.
- [How to Tag The Animated Headline Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/animated-headline.md): Tag a multi-part title in your Figma design as an Elementor Pro Animated Headline widget using UiChemy.
- [How to Tag The Blockquote Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/blockquote.md): Tag a quote section in your Figma design as an Elementor Pro Blockquote widget using UiChemy.
- [How to Tag The Elementor Form Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/elementor-form.md): Tag a contact or input form in your Figma design as an Elementor Pro Form widget using UiChemy.
- [How to Tag The Featured Image Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/featured-image.md): Tag a post's featured image in your Figma design as an Elementor Pro Featured Image widget using UiChemy.
- [How to Tag The Flip Box Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/flip-box.md): Tag a feature or icon box section in your Figma design as an Elementor Pro Flip Box widget using UiChemy.
- [How to Tag The Gallery Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/gallery.md): Tag an image grid or portfolio section in your Figma design as an Elementor Pro Gallery widget using UiChemy.
- [How to Tag The Page Title Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/page-title.md): Tag a dynamic WordPress template's title in your Figma design as an Elementor Pro Page Title widget using UiChemy.
- [How to Tag The Post Comment Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/post-comment.md): Tag a comments section in your Figma design as an Elementor Pro Post Comments widget using UiChemy.
- [How to Tag The Post Excerpt Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/post-excerpt.md): Tag a post excerpt in your Figma design as an Elementor Pro Post Excerpt widget using UiChemy.
- [How to Tag The Post Info Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/post-info.md): Tag post metadata in your Figma design as an Elementor Pro Post Info widget using UiChemy.
- [How to Tag The Post Navigation Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/post-navigation.md): Tag a prev/next post navigation section in your Figma design as an Elementor Pro Post Navigation widget using UiChemy.
- [How to Tag The Post Title Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/post-title.md): Tag a post's title in your Figma design as an Elementor Pro Post Title widget using UiChemy.
- [How to Tag The Price List Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/price-list.md): Tag a pricing section in your Figma design as an Elementor Pro Price List widget using UiChemy.
- [How to Tag The Search Form Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/search-form.md): Tag a search field in your Figma design as an Elementor Pro Search Form widget using UiChemy.
- [How to Tag The Share Buttons Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/share-buttons.md): Tag social sharing buttons in your Figma design as an Elementor Pro Share Buttons widget using UiChemy.
- [How to Tag The Site Logo Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/site-logo.md): Tag your website logo in your Figma design as an Elementor Pro Site Logo widget using UiChemy.
- [How to Tag The Site Title Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/site-title.md): Tag your site title in your Figma design as an Elementor Pro Site Title widget using UiChemy.
- [How to Tag The Slides Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/elementor-pro/slides.md): Tag a slider section in your Figma design as an Elementor Pro Slides widget using UiChemy.
- [How to Tag The TP Heading Title Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-heading-title.md): Tag a section title in your Figma design as The Plus Addons Heading Title widget using UiChemy.
- [How to Tag The TP Heading Animation Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-heading-animation.md): Tag a title in your Figma design as The Plus Addons animated Heading Animation widget using UiChemy.
- [How to Tag The TP Advanced Text Block Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-advanced-text-block.md): Convert any text block in your Figma design into an Advanced Text Block widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Blockquote Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-blockquote.md): Tag a blockquote in your Figma design as the Blockquote widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Message Box Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-message-box.md): Tag an alert or message box in your Figma design as the Message Box widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Button Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-button.md): Tag a button in your Figma design as the TP Button widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Number Counter Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-number-counter.md): Tag a stats counter in your Figma design as the Number Counter widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Progress Bar Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-progress-bar.md): Tag a progress bar or pie chart in your Figma design as the Progress Bar widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Count Down Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-count-down.md): Tag a countdown timer in your Figma design as the Countdown widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Creative Image Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-creative-image.md): Tag an image in your Figma design as the Creative Image widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Before After Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-before-after.md): Tag a before/after comparison in your Figma design as the Before After widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Social Icon Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-social-icon.md): Tag social icons in your Figma design as the TP Social Icon widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Navigation Menu Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-navigation-menu.md): Tag a navigation menu in your Figma design as the Navigation Menu widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP Table Of Content Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-table-of-content.md): Tag a table of contents in your Figma design as the Table Of Content widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP MailChimp Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-mailchimp.md): Tag a newsletter signup section in your Figma design as the MailChimp widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The TP WP Login & Register Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/tp-wp-login-register.md): Tag a login or registration form in your Figma design as the WP Login & Register widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Dark Mode Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/dark-mode.md): Tag a dark mode toggle in your Figma design as the Dark Mode widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Blog Post Listing Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/blog-post-listing.md): Tag a blog or post listing in your Figma design as the Blog/Post Listing widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Dynamic Listing Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/dynamic-listing.md): Tag a post listing section in your Figma design as the Dynamic Listing widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Dynamic Smart Showcase Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/dynamic-smart-showcase.md): Tag a showcase section in your Figma design as the Dynamic Smart Showcase widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Chart Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/chart.md): Tag a bar chart or pie chart in your Figma design as the Chart widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Social Feed Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/social-feed.md): Tag a social media feed section in your Figma design as the Social Feed widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Social Review Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/social-reviews.md): Tag Facebook or Google reviews in your Figma design as the Social Review widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Meeting Scheduler Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/meeting-scheduler.md): Tag a meeting calendar in your Figma design as the Meeting Scheduler widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Contact Form 7 Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/contact-form-7.md): Tag a form in your Figma design as the Contact Form 7 widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Ninja Form Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/ninja-form.md): Tag a form in your Figma design as the Ninja Form widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The WP Form Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/wp-form.md): Tag a form in your Figma design as the WP Form widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Everest Form Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/everest-form.md): Tag a form in your Figma design as the Everest Form widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The Woo Product Listing Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/woo-product-listing.md): Tag a WooCommerce product list in your Figma design as the Woo Product Listing widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag Coupon Code Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/coupon-code.md): Tag a WooCommerce coupon code offer in your Figma design as the Coupon Code widget from The Plus Addons for Elementor using UiChemy.
- [How to Tag The WordPress Menu Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/wordpress-menu.md): Tag a site navigation menu in your Figma design as the WordPress Menu widget from Elementor Pro using UiChemy.
- [How to Tag The Menu (Elementor Experimental) Widget for Figma to Elementor?](https://uichemy.documentationai.com/tagging-library/plus-addons/menu-elementor-experimental.md): Tag a site navigation menu in your Figma design as the Menu (Elementor Experimental) widget from Elementor Pro using UiChemy.
- [How to Export Figma Design in Responsive Layout using Responsive Manager in UiChemy?](https://uichemy.documentationai.com/classic-mode/responsive-manager/responsive-layout.md): Customize font size, line height, padding, and flex gap per device using UiChemy's Responsive Manager.
- [How to Export Figma Design in Fluid Responsive Layout using Responsive Manager in UiChemy?](https://uichemy.documentationai.com/classic-mode/responsive-manager/fluid-layout.md): Use CSS Clamp in UiChemy's Responsive Manager to make font size scale fluidly between viewport widths.
- [How to Use Calculator in Responsive Manager?](https://uichemy.documentationai.com/classic-mode/responsive-manager/calculator.md): Use the Calculator in UiChemy's Responsive Manager to quickly work out responsive percentage and pixel values.
- [What Are All the Conversion Settings in UiChemy?](https://uichemy.documentationai.com/classic-mode/conversion-settings/conversion-settings-overview.md): The full list of toggles on UiChemy's Conversion Settings screen before you convert your Figma design.
- [How to Export Your Figma Design With Scaled Images?](https://uichemy.documentationai.com/classic-mode/conversion-settings/scaled-images.md): Export your Figma design with scaled images using UiChemy, for control over image quality and performance.
- [How to Export Your Figma Design Without Images?](https://uichemy.documentationai.com/classic-mode/conversion-settings/without-images.md): Export your Figma layout without images in UiChemy to speed up import and avoid errors with heavy image files.
- [What is the difference between Original Images and Figma's Exported Images in UiChemy Export Process?](https://uichemy.documentationai.com/classic-mode/conversion-settings/image-difference.md): Understand the difference between Original Images and Figma's Exported Images when exporting with UiChemy.
- [How to Export a Clean Design Without Custom CSS in UiChemy?](https://uichemy.documentationai.com/classic-mode/conversion-settings/clean-output.md): Disable custom CSS during export in UiChemy for 100% native page builder output.
- [Figma to Gutenberg](https://uichemy.documentationai.com/classic-mode/figma-to-gutenberg.md): Convert Figma designs to Gutenberg blocks with UiChemy Classic Mode.
- [List of Blocks Which Are Compatible With Figma to Gutenberg Conversion in UiChemy](https://uichemy.documentationai.com/gutenberg-blocks/all-blocks/compatible-blocks.md): The full list of Gutenberg blocks UiChemy supports when converting a Figma design.
- [Kadence Blocks Tagging Guides: Coming Soon](https://uichemy.documentationai.com/gutenberg-blocks/kadence/coming-soon.md): Step-by-step tagging guides for Kadence Blocks are on the way.
- [Spectra Blocks Tagging Guides: Coming Soon](https://uichemy.documentationai.com/gutenberg-blocks/spectra/coming-soon.md): Step-by-step tagging guides for Spectra Blocks are on the way.
- [Nexter Blocks Tagging Guides: Coming Soon](https://uichemy.documentationai.com/gutenberg-blocks/nexter/coming-soon.md): Step-by-step tagging guides for Nexter Blocks are on the way.
- [Generate Blocks Tagging Guides: Coming Soon](https://uichemy.documentationai.com/gutenberg-blocks/generateblocks/coming-soon.md): Step-by-step tagging guides for Generate Blocks are on the way.
- [Gutenberg Core Blocks Tagging Guides: Coming Soon](https://uichemy.documentationai.com/gutenberg-blocks/core/coming-soon.md): Step-by-step tagging guides for Gutenberg core blocks are on the way.
- [Figma to Bricks](https://uichemy.documentationai.com/classic-mode/figma-to-bricks.md): Convert Figma designs to Bricks Builder elements with UiChemy Classic Mode.
- [List of Elements Which Are Compatible With Figma to Bricks Conversion in UiChemy](https://uichemy.documentationai.com/bricks-elements/all-elements/compatible-elements.md): The full list of Bricks elements UiChemy supports when converting a Figma design.
- [Troubleshooting](https://uichemy.documentationai.com/classic-mode/troubleshooting.md): Fix common Classic Mode issues, blank templates, misaligned icons, missing SVGs, and more.
- [Why My Imported Template is Blank?](https://uichemy.documentationai.com/classic-mode/troubleshooting/blank-template.md): Fix a blank Elementor template after importing a UiChemy export, Flexbox container and MySQL packet size.
- [Why are Icons Misaligned or Off Centered?](https://uichemy.documentationai.com/classic-mode/troubleshooting/icon-alignment.md): Fix misaligned icons and off-center SVG images after importing a UiChemy export into Elementor.
- [Why are SVGs missing in the Template?](https://uichemy.documentationai.com/classic-mode/troubleshooting/missing-svgs.md): Fix missing SVG images in an Elementor template imported from UiChemy.
- [What Happens If I Run Out of Credits Mid-Conversion?](https://uichemy.documentationai.com/classic-mode/troubleshooting/out-of-credits.md): Fix the 'You're out of credits' error that appears when converting a Figma design with UiChemy.

## Design Optimization

- [How to Add Auto Layout to Your Design With UiChemy?](https://uichemy.documentationai.com/design-optimization/auto-layout/convert-your-design.md): Use UiChemy's Convert to Auto Layout feature to prepare your Figma design for widget tagging.
- [Ideal Way to Design in Figma With Auto Layout for Pixel Perfect Conversion](https://uichemy.documentationai.com/design-optimization/auto-layout/best-practices.md): Learn the ideal way to structure your Figma layout with Auto Layout for a pixel-perfect UiChemy conversion.
- [Figma Design Checklist to Make it UiChemy-Friendly](https://uichemy.documentationai.com/design-optimization/pre-conversion-checklist/figma-readiness.md): A complete checklist to make sure your Figma design is ready for accurate conversion with UiChemy.
- [Things to Avoid in Figma Design for Optimum Conversion](https://uichemy.documentationai.com/design-optimization/things-to-avoid/common-mistakes.md): Common Figma design mistakes to avoid for a smooth, accurate conversion with UiChemy.
- [How to Combine Multiple Elements in Figma and Export as an Image?](https://uichemy.documentationai.com/design-optimization/images/combine-elements.md): Combine multiple Figma elements and export them as a single image using UiChemy's locking feature.
- [How to Split a Large Figma Layout for an Optimal Conversion in UiChemy?](https://uichemy.documentationai.com/design-optimization/layer-structure/split-large-layout.md): Split a Figma design that exceeds UiChemy's 12,000px height limit into smaller sections for a clean export.

## Account & Billing

- [How to Create a UiChemy Account and Activate it?](https://uichemy.documentationai.com/account-billing/account-creation/create-and-activate.md): Create a UiChemy account, purchase a license, and activate the plugin in Figma.
- [Is Google Login not working at the POSIMYTH Store? [Steps to Resolve]](https://uichemy.documentationai.com/account-billing/login-authentication/google-login-issue.md): Troubleshoot Google login issues at the Posimyth Store, caching, incognito mode, and password reset.
- [How to Upgrade Your UiChemy Plan to Pro](https://uichemy.documentationai.com/account-billing/renewals-upgrades/upgrade-to-pro.md): Two ways to upgrade your UiChemy plan to Pro, and how to fix the User Limit Reached error.
- [How to Renew UiChemy PRO License?](https://uichemy.documentationai.com/account-billing/renewals-upgrades/renew-license.md): Renew your UiChemy PRO license manually, or let auto-renewal handle it for you.
- [How to Cancel Subscription of UiChemy Pro?](https://uichemy.documentationai.com/account-billing/cancellations/cancel-subscription.md): Cancel your UiChemy Pro subscription in a few simple steps from the Posimyth Store.
- [What Happens if I Don't Renew My Subscriptions?](https://uichemy.documentationai.com/account-billing/cancellations/no-renewal.md): What happens to your UiChemy Pro plugin and website if you choose not to renew your subscription.
- [How to Update Your Payment Method?](https://uichemy.documentationai.com/account-billing/payment-methods/update-payment-method.md): Update your payment method on the Posimyth Store, for both PayPal and credit card (Stripe) purchases.
- [How to Get a Refund for UiChemy Pro](https://uichemy.documentationai.com/account-billing/refunds-invoices/get-refund.md): Request a refund for UiChemy Pro under the 60-day money-back guarantee.
- [How to Generate Invoice after Purchase of UiChemy?](https://uichemy.documentationai.com/account-billing/refunds-invoices/invoice-after-purchase.md): Generate and download an invoice for your UiChemy Pro purchase from the Posimyth Store.
- [How to Generate Invoice on Renewal Purchase?](https://uichemy.documentationai.com/account-billing/refunds-invoices/invoice-on-renewal.md): Download a PDF invoice for a UiChemy Pro renewal purchase from your Purchase History.

## Help Center

- [What Data Do We Store For Smooth Conversion in UiChemy?](https://uichemy.documentationai.com/help-center/data-security/data-storage.md): What data UiChemy stores from your Figma design, how long, and how to delete it manually.
- [How to Fix PHP Time Limit Issue?](https://uichemy.documentationai.com/help-center/troubleshooting/php-time-limit.md): Fix the PHP time limit (max_execution_time) error when importing large UiChemy templates into Elementor.
- [My Images Are Not Migrated After Transfer?](https://uichemy.documentationai.com/help-center/troubleshooting/missing-images.md): Fix missing images after importing a UiChemy-exported template into Elementor.
- [Troubleshoot UiChemy License/Serial Key issue](https://uichemy.documentationai.com/help-center/troubleshooting/license-issue.md): Fix a UiChemy license key that isn't activating, incorrect key or Figma profile limits.
- [While Direct Import process URL Unreachable, Token Mismatch, Connection Error : Resolved](https://uichemy.documentationai.com/help-center/troubleshooting/live-import-errors.md): Fix the common UiChemy Direct Import errors, URL Unreachable, Token Mismatch, Connection Error, and missing page builder plugins.