UiChemy
UiChemy is the only Figma to WordPress plugin that converts your designs into real Elementor widgets, Gutenberg blocks, and Bricks elements. Not HTML. Not code. Real, native, 100% editable page builder output. 50+ widget support, global style sync, responsive output manager, and trusted by 80,000+ designers worldwide. Website | Pricing | Documentation | Roadmap | Facebook Community | Community Support | Premium Support | AI Chat (Instant Answers) | Video Tutorials | Figma Templates See UiChemy in Action 1. How Does UiChemy Work? It’s Almost Too Simple You designed a beautiful website in Figma. Now what? Traditionally, you hand it off to a developer, wait days, go through rounds of “that’s not what I designed,” and still end up rebuilding half of it. UiChemy changes that entirely. UiChemy reads your Figma design structure (frames, layers, Auto Layout, hierarchy) and converts it into real page builder widgets. Not static HTML. Not throwaway code. Actual Elementor containers, Gutenberg blocks, or Bricks sections you can click, edit, and customize inside WordPress, just like you built it there yourself. 4 Steps. Figma to Live WordPress Website. Design in Figma : Create your layout following the UiChemy Design Guidelines Run the Figma Plugin : Install the UiChemy Figma plugin and export your design Connect Your WordPress Site : Activate the UiChemy WordPress plugin and link your domain Hit Import : Your Figma design is now a fully editable WordPress page. Done. No developer needed. No code generated. No waiting. 🔌 2. Figma to Elementor Converter If you use Elementor, this is where UiChemy feels like magic. Your Figma layers become real Elementor widgets that you can drag, drop, and edit inside the Elementor editor. No custom HTML blocks. No CSS hacks. ✅ What You Get with Figma to Elementor 30+ Native Elementor Widgets Supported : Your Figma design maps to actual Elementor widgets, not code dumps Elementor v4 Atomic Elements Ready : Full support for the latest Elementor Editor v4 including global classes and variables Global Styles Sync : Typography, colors, and spacing from your Figma file sync directly to Elementor global settings The Plus Addons for Elementor : Extends your conversion with 30+ additional advanced widgets Works with Elementor Free & Pro : Use it with Elementor Free or Elementor Pro. If your design uses Pro widgets like contact forms, menus, or sliders, Pro is needed for those specific widgets Figma Plugin: Figma to Elementor Plugin 🧱 3. Figma to Gutenberg Block Editor Converter Prefer the default WordPress editor? UiChemy converts your Figma designs into native Gutenberg blocks with support for the most popular block builders. No lock-in. Use whichever block system you prefer. ✅ What You Get with Figma to Gutenberg Core WordPress Gutenberg Blocks : Converts to default WordPress blocks natively Spectra Blocks : Full compatibility with the Spectra block builder Kadence Blocks : Works with Kadence Blocks for advanced responsive layouts GenerateBlocks : Converts to GenerateBlocks elements for lightweight output Nexter Blocks : Extended tagging support using Nexter Blocks Clean Output Option : Disable custom CSS entirely for a code-free block export Figma Plugin: Figma to Gutenberg Plugin 🧱 4. Figma to Bricks Builder Converter Bricks Builder users, you are not left out. UiChemy converts Figma designs into native Bricks Builder elements with pixel-accurate precision. ✅ What You Get with Figma to Bricks Native Bricks Elements : Your Figma layers become real Bricks elements, not custom code Global Style Classes : Syncs Figma global styles to Bricks global classes Border, Border-Radius, Gap & Shadow : Precise design conversion for borders, gaps, and shadows Multiple Breakpoints for Boxed Width : Control responsive boxed width across multiple breakpoints Padding Sync : Padding values transfer directly from Figma to Bricks for uniform spacing Copy Paste Mode with Media : Paste converted designs into Bricks with full media import Figma Plugin: Figma to Bricks Plugin ⚙️ 5. Why Designers Trust UiChemy Over Other Figma Converters Most Figma to code tools give you messy HTML that no one can edit. UiChemy gives you a Figma to WordPress plugin experience that actually works in the real world. Here is what sets it apart: 🎨 Global Style Sync (Your Brand Stays Consistent) Typography Sync : Text styles from Figma transfer to WordPress so your fonts and sizes stay exact Color Variables Sync : Figma color variables map directly to your page builder’s design system Border Color Variables : Even border colors stay brand-consistent through variable mapping 📱 Responsive Design Conversion (No More Manual Breakpoint Work) Responsive Output Manager : Set responsive breakpoint values once and let UiChemy handle the rest Auto-Fetch Values : UiChemy automatically detects font sizes, padding, line height, and flex gap from your Figma file Manual Responsive Setup : Want full control? Override any responsive value per breakpoint Boxed Width Breakpoints : Multiple breakpoint support for Elementor and Bricks container widths ⚡ Conversion Power Tools 50+ Widget Support : UiChemy tags your design elements to the correct page builder widgets automatically WebP, AVIF & SVG Import : Modern image formats are imported and handled automatically One-Click Site Import : Push your entire Figma design directly to WordPress in one click Section-by-Section Export : Export individual sections for granular control and pixel-perfect accuracy JSON File Import : Download and import JSON templates as an offline alternative Multi-Site Connection : Manage multiple WordPress sites from one UiChemy plugin installation Disable Custom CSS : Export 100% clean native page builder output without any additional CSS 📦 6. 100+ Pre-Designed Figma Templates Don’t want to start from scratch? Use any of our 100+ Figma Templates and sections, already optimized for UiChemy export. Pick a template, customize it in Figma, and convert it to a live WordPress website in minutes. It is the fastest way to go from idea to published website. 🔍 Our Other Products 🥇 The Plus Addons for Elementor — 120+ Elementor Widgets, Free Elementor Theme Builder & Templates 🥇 Nexter Blocks — 90+ Gutenberg Blocks, AI Website Builder, Popup Builder, Mega Menu, Form Builder & 1000+ Templates 🥇 Nexter Extension — 50+ Site Tools: Security, SMTP, Image Optimizer (WebP/AVIF), Theme Builder, Code Snippets, Performance 🥇 NexterWP Theme — Ultra-light, FSE-ready starter theme. Zero jQuery 🥇 WDesignKit — 1000+ Templates, Cloud Block Storage, Gutenberg & Elementor Builder External Services This plugin connects to the following external services: UiChemy Cloud API : When you export a design from Figma, UiChemy communicates with its cloud API to process and convert your Figma design data into page builder compatible format. Design structure data (frames, layers, styles) is sent during export. No personal data is transmitted. Privacy Policy | Terms of Use Figma API : UiChemy’s Figma plugin reads your design data from Figma to generate the export. This requires the Figma plugin to access your currently open Figma file. Figma Privacy Policy | Figma Terms
Top keywords
- figma48×4.50%
- elementor22×2.06%
- uichemy21×1.97%
- builder16×1.50%
- design16×1.50%
- wordpress14×1.31%
- blocks13×1.22%
- bricks13×1.22%
- widgets10×0.94%
- export9×0.84%
- gutenberg9×0.84%
- global8×0.75%
Wow Elements Addons for Elementor
Wow Elements Addons for Elementor is a comprehensive plugin designed to supercharge your Elementor page builder with powerful, easy-to-use widgets. Perfect for bloggers, marketers, business owners, and WooCommerce users who want to create stunning, fully customized websites. Why Wow Elements? 175+ Free & Pro widgets, extensions to cover common UI patterns Mobile-first, responsive controls WooCommerce widgets(grids, carousels, pricing, reviews) Smooth Animations & Effects Easy Drag & Drop Interface Modern Perfect Design Control Lightweight assets and performance-oriented defaults Pixel-perfect design options Regular updates and friendly support Useful Links All Widgets All Extensions All Features Pricing / Get Pro Documentation Changelog Blog Contact Facebook Community YouTube Tutorials Requires Elementor (Free). 🎯 **FREE WIDGETS COLLECTION** 📝 Content Widgets Accordion – Collapsible content sections with smooth animations and customizable styling Advanced Counter – Animated counters with various styles and effects Advanced Heading – Advanced heading with rich typography options Advanced Icon Box – Feature boxes with icons and custom styling Advanced Progress Bar – Customizable progress bars with animations Animated Link – Eye-catching animated links with unique hover effects and transitions Audio Player – Custom audio player with playlist support Barcode – Generate scannable barcodes in multiple formats with customizable styling Brand Carousel – Smooth sliding carousel to showcase brand logos and partners Brand Grid – Grid layout for displaying brand logos and partner companies Business Hours – Display business operating hours with customizable styling Call Out – Highlight important information with attention-grabbing call-out boxes Circle Info – Circular information displays with animated content presentation Comparison List – Side-by-side comparison tables for products or services Content Switcher – Tabbed content interface to organize and display multiple sections Changelog – Display version history and release updates in an organized, user-friendly format Document Viewer – Embed and display documents directly on your website Fancy List – Beautifully styled lists with custom icons Featured Box – Highlight important content with customizable featured boxes Image Stack – Layered image effects with depth and perspective Interactive Tabs – Dynamic tabbed content with smooth transitions Logo Carousel – Smooth sliding carousel to showcase brand logos, partners, and clients Logo Grid – Grid layout for displaying brand logos, partner companies, and clients Marker – Highlight important text with marker effects Member – Team member profiles with social links Modal – Popup modals with various trigger options and content sources Open Street Map – Interactive OpenStreetMap integration Price List – Display pricing information in organized list format Progress Pie – Circular progress indicators with animated displays Reading Progress – Show reading progress indicator Scroll Button – Smooth scroll-to-top buttons with customizable styling Search – Advanced search functionality with customizable styling Static Carousel – Smooth, non-sliding carousels to showcase content Static Grid Tab – Grid-based tabbed content layout Static Product Carousel – WooCommerce product carousel with smooth sliding Static Product Grid – WooCommerce product grid with filtering and sorting Step Flow – Step-by-step process visualization with progress indicators Table of Content – Automatic table of contents generator 🎨 Creative Widgets Advanced Image Gallery – Advanced gallery with multiple layouts and filtering Animated Heading – Eye-catching animated text headings Creative Button – Eye-catching buttons with unique hover effects and animations Creative Gallery – Stylish image galleries with modern layouts and lightbox support Dual Button – Two-button layouts with various styling options and effects Flip Box – 3D flip animations to reveal content on hover Hover Box – Interactive content boxes with hover effects Hover Video – Videos that play on hover Image Accordion – Accordion-style image galleries with smooth transitions Image Compare – Before/after image comparison slider Image Expand – Expandable images with zoom and lightbox functionality Interactive Card – Interactive card layouts with hover effects and animations Interactive Links – Dynamic navigation links with smooth transitions and creative hover effects Lightbox – Image lightbox with gallery support and smooth transitions Lottie Image – Add beautiful Lottie animations to your site Marquee – Scrolling text or content with smooth animations Slider – Responsive content slider with multiple transition effects Stacker – Stackable content blocks with hover effects SVG Blob – Create beautiful animated SVG blob shapes Video Gallery – Display and organize video collections 🧭 Menu / Navigation Widgets Circle Menu – Circular menu layout with smooth hover animations Dropbar – Dropdown bar widget with customizable styling and animations Mobile Menu – Responsive, customizable menus for mobile views Nav Menu – Advanced navigation bar with dropdown support Offcanvas – Off-canvas sidebar and menu system Scrollnav – Navigation that changes based on scroll position Vertical Menu – Vertical navigation menu with dropdown support 📊 Marketing Widgets Countdown – Timer widget for events, sales, or product launches Google Reviews – Display Google business reviews with ratings Price Table – Responsive pricing tables with comparison features Review Card Carousel – Customer review carousel with star ratings Review Card Grid – Grid layout for displaying customer testimonials Social Proof – Display testimonials and trust badges Social Share – Social media sharing buttons with various platforms Total Count – Animated counters for statistics and achievements 🌟 Special Elements Age Gate – Age verification popup to restrict content based on user age requirements 📋 Forms / User Widgets Contact Form 7 – Integrate Contact Form 7 forms directly into your Elementor pages with customizable styling Everest Forms – Embed Everest Forms directly into your Elementor pages with customizable styling Forminator Forms – Integrate Forminator forms seamlessly into your Elementor pages with customizable styling Ninja Forms – Add Ninja Forms to your Elementor pages with customizable styling and design options WPForms – Integrate WPForms into your Elementor pages with customizable styling and design options 🚀 **PRO WIDGETS COLLECTION** 📝 Posts / Dynamic Widgets Animated Post List – Animated list layout for posts Author – Author information and profile display Category Carousel – Carousel for category displays Checkerboard – Checkerboard layout for content Dynamic Accordion – Expandable/collapsible accordion sections with dynamic data Dynamic Carousel – Show dynamic content in a customizable carousel slider Dynamic Grid – Display posts, products, or content in a responsive grid layout Dynamic Tabs – Switchable tabbed content powered by dynamic sources FAQ – Question-and-answer blocks for help centers, docs, and support pages News Ticker – Scrolling news ticker widget Post Carousel – Smooth carousel for showcasing blog posts Post Comments – Display post comments section with customizable styling and layout Post Content – Show full post content or excerpts with customizable length and formatting Post Featured Image – Display post featured images with custom dimensions and styling Post Featured List – Featured posts list with highlighted content Post Gallery – Gallery layout for blog posts with lightbox support Post Grid – Beautiful grid layout for displaying blog posts with filtering options Post Horizontal Timeline – Horizontal timeline layout Post Hover Box – Animated box effects for individual posts Post Hover List – Interactive hover effects for post lists Post Info – Show post metadata including author, date, categories, tags, and comments count Post List – Clean list layout for blog posts with customizable styling Post List Carousel – Carousel layout for post lists Post Slider – Advanced slider for blog posts with multiple layouts Post Stories Slider – Stories-style slider for posts Post Timeline – Timeline layout for blog posts Post Tiny List – Compact list layout for posts Post Title – Display and customize post titles with advanced typography and styling options Post Vertical Timeline – Vertical timeline for posts Post Video Slider – Video-focused slider for posts Recent Comments – Display recent comments with styling Tag Cloud – Interactive tag cloud display 📊 Marketing & Social (Pro) Facebook Feed – Embed Facebook page or feed content with layout and styling controls Instagram Feed – Showcase Instagram posts in a styled grid or carousel Twitter Grid – Display X (Twitter) posts in a responsive grid 📋 Forms & User (Pro) Contact Form – Built-in contact form with Elementor styling and email delivery options Mailchimp – Newsletter signup forms connected to your Mailchimp audience Webhook Form – Send form submissions to any webhook URL for automation tools User Login – Front-end login form for WordPress users User Register – Front-end registration form for new user accounts 🧭 Menu / Navigation Widgets Remote Arrows – Control sliders or carousels using external arrow navigation Remote Fraction – Display current slide fraction (e.g., “1/5”) for synced sliders or carousels Remote Pagination – Add external pagination controls to synced sliders Remote Thumbs – Thumbnail-based navigation for synced sliders or galleries Sub Menu – Sub menu with dropdown support and customizable layouts 🛒 WooCommerce Widgets Add to Cart – Customizable add to cart button with quantity selector and styling options Additional Information – Display product attributes and additional details in table format Call For Price – Show custom call for price message when product price is not set Cart Page – Customize WooCommerce cart page with full design control Checkout Page – Design custom WooCommerce checkout page with customizable styling Mini Cart – Display mini shopping cart with customizable styling and animations My Account Page – Customize WooCommerce my account page with full design control Order Page – Design custom WooCommerce order page with customizable styling Product Accordion – Display WooCommerce products in accordion layout with expandable sections Product Carousel – Dynamic product carousel with customizable query options Product Category – Display WooCommerce product categories in grid layout Product Category Carousel – Display WooCommerce product categories in carousel layout Product Description – Display full or short product descriptions with formatting options Product Filters – Advanced product filtering system with multiple filter options Product Grid – Dynamic product grid with customizable query options Product Image – Show product images with gallery support and zoom functionality Product Image Accordion – Accordion-style product image gallery with smooth transitions Product Image Hotspot – Interactive product images with hotspot markers and tooltips Product List – Display WooCommerce products in list layout Product Meta – Show product metadata including SKU, categories, and tags Product Price – Display product pricing with sale price highlighting and custom styling Product Rating – Show product star ratings with customizable colors and sizes Product Related – Display related products with grid or carousel layout Product Review Carousel – Carousel layout for displaying product reviews Product Reviews – Display product reviews with ratings and customer feedback Product Slider – Advanced product slider with multiple layouts and transition effects Product Stock – Display product stock status with customizable messages and styling Product Table – Display WooCommerce products in table format with sorting and filtering Product Tabs – Show product information in organized tabbed layout Product Title – Display and style WooCommerce product titles with custom typography Single Product Page – Customize WooCommerce single product page with full design control Sub Category – Display product sub-categories in grid layout Sub Category Carousel – Display product sub-categories in carousel layout 🌟 Special Elements Mega Menu – Advanced mega menu with dropdown support and customizable layouts 🎨 Elementor Extensions Adblock Detector – Detect ad blockers and display custom messages to users Animated Gradient Background – Apply animated gradient backgrounds to sections and containers Backdrop Filter – Add blur, brightness, and filter effects to element backgrounds Confetti Effects – Add celebratory confetti animations triggered by user interactions or page events Cursor Effects – Create interactive cursor effects with custom shapes, colors, and animations Custom CSS/JS – Add custom CSS and JavaScript code directly to sections and pages Equal Height – Automatically equalize the height of columns and widgets for consistent layouts Floating Effects – Apply floating animations with translate, rotate, and scale effects to elements Grid Line – Add decorative grid lines and layout guides to enhance visual structure Liquid Glass Effects – Create modern glassmorphism effects with customizable blur and transparency Notation – Add decorative annotations like underlines, boxes, circles, brackets, and highlights to elements Parallax Effects – Add smooth parallax scrolling effects to elements for depth and visual interest Particles – Create animated background particle effects with customizable colors, density, and movement Reveal Effects – Add smooth reveal animations when elements come into viewport with various directions and easing Ripple Effects – Create ripple animation effects on click or hover for interactive elements Scroll Box – Create custom scrollable boxes with styled scrollbars and scroll behavior controls Sticky – Make elements stick to the viewport while scrolling with customizable offset and conditions Text Gradient Background – Apply beautiful gradient backgrounds to text elements with customizable colors and directions Tooltip – Add customizable tooltips to widgets with various positions, styles, and trigger options Transform Effects – Apply advanced transform animations including scale, rotate, skew, and translate effects Wrapper Link – Make any container or section clickable with custom link functionality 🌀 Elementor Extend Features Mega Menu Builder – Build advanced mega menus with dropdown support and full custom layouts having images, columns, sliders, icons, forms, buttons, and lots of things. Live Copy Paste – Copy and paste Elementor content across different WordPress sites seamlessly. Duplicator – Quickly duplicate posts, pages, and templates with a single click. Variation Swatches – Replace WooCommerce attribute dropdowns with visually appealing color, image, or label swatches to enhance product variation selection. Display Conditions – Show or hide widgets, sections, or content based on advanced conditions like user role, device, login state, date/time, and more for personalized experiences. Dynamic Tags – Insert dynamic data like custom fields, post info, and WooCommerce data directly into Elementor widgets. SVG Support – Enable secure SVG uploads in WordPress for sharp, scalable icons and graphics. Template Library – Import ready-made Elementor templates and blocks to quickly build pages. 🎨 Theme Builder Build custom headers, footers, single post layouts, and archive pages with full Elementor design control. More widgets and features are coming soon…