How to Use Copy to Clipboard in UiChemy?
Export a specific section of your Figma design directly into WordPress using UiChemy's Copy to Clipboard.
Copy to Clipboard lets you export a specific section from your Figma design directly into WordPress, without installing any third-party plugin, just a simple copy-and-paste workflow.
Why Use Copy to Clipboard?
- Faster transfers, instantly copy design sections into your preferred WordPress editor
- Great for specific sections, ideal for importing individual sections like headers, hero areas, or feature blocks with clean, accurate output
- Plugin-free, no third-party plugin installation required
- Quick previews, test sections in real time before committing to a full export
Copying an entire Main Frame can cause alignment or width issues in WordPress. Copy to Clipboard works best for individual sections or inner layouts, avoid copying the entire design unless you're comfortable making manual layout adjustments afterward.
Make sure your Figma design is optimized for UiChemy before using Copy to Clipboard, for the best results.
How to Use Copy to Clipboard
You can choose between two conversion methods:
Option 1: Step by Step Method
- Open the UiChemy plugin in Figma and log in (create an account first, if needed).
- Select the section you want to copy.
- Choose Step by Step Method and click Start.
- Click Next until you reach the Conversion Setting tab.
- Under Conversion Setting, click Convert.
- Select the Copy to Clipboard radio button and click Copy.
- Wait for the design conversion to finish, then click Copy to Clipboard.
Option 2: Quick Conversion
- Open the UiChemy plugin in Figma and log in (create an account first, if needed).
- Select the section you want to copy.
- Choose Quick Conversion and click Start.
- Click Next until you reach the Quick Conversion tab.
- Under Quick Conversion, click Convert.
- Select the Copy to Clipboard radio button and click Copy.
- Wait for the design conversion to finish, then click Copy to Clipboard.
If you select a child section or inner content, only Copy to Clipboard is available. If you select the main outer frame, both Direct Import and Copy to Clipboard are available, use Copy to Clipboard for individual sections, and Direct Import for exporting an entire page.
Paste the Design in Elementor
- Open the page or template in the Elementor editor where you want to paste the design.
- Right-click on a dotted-border section and select Paste from other site.
- Or, press Ctrl + V to paste the design directly.
Your design is added to the editor.
If you run into alignment or layout issues after pasting, check that your Figma structure follows the recommended design guidelines.
Frequently Asked Questions
What should I do if my design doesn't paste correctly in Elementor?
Check for alignment or layout issues, this usually happens if your Figma structure doesn't follow the recommended guidelines. Optimizing your design for UiChemy first helps ensure a smoother transfer.
What are the best practices for using Copy to Clipboard?
Focus on exporting individual sections rather than the entire Main Frame, copying a full frame can cause alignment or width issues that need manual adjustment in WordPress.
What happens if I copy the entire Main Frame using Copy to Clipboard?
It may lead to alignment or width issues in WordPress. It's best to avoid this unless you're comfortable making adjustments afterward, copying individual sections gives cleaner output.