> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# 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

<Callout kind="warning">
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.
</Callout>

<Callout kind="tip">
Make sure your Figma design is optimized for UiChemy before using Copy to Clipboard, for the best results.
</Callout>

### How to Use Copy to Clipboard

You can choose between two conversion methods:

<ExpandableGroup>
  <Expandable title="Option 1: Step by Step Method" default-open="false">
    1. Open the UiChemy plugin in Figma and log in (create an account first, if needed).
    2. Select the section you want to copy.
    3. Choose **Step by Step Method** and click **Start**.
    4. Click **Next** until you reach the **Conversion Setting** tab.
    5. Under **Conversion Setting**, click **Convert**.
    6. Select the **Copy to Clipboard** radio button and click **Copy**.
    7. Wait for the design conversion to finish, then click **Copy to Clipboard**.
  </Expandable>

  <Expandable title="Option 2: Quick Conversion" default-open="false">
    1. Open the UiChemy plugin in Figma and log in (create an account first, if needed).
    2. Select the section you want to copy.
    3. Choose **Quick Conversion**, select your widget set, and click **Next**.
    4. On the Quick Conversion menu, open only the steps you want to adjust (Optimize Multi-Layer Media, Convert to Auto Layout, Tag Widgets, Responsive Manager, Sync Global Styles, Conversion Settings), or skip straight to **Convert** with the defaults.
    5. Select the **Copy to Clipboard** radio button and click **Copy**.
    6. Wait for the design conversion to finish, then click **Copy to Clipboard**.
  </Expandable>
</ExpandableGroup>

<Callout kind="info">
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.
</Callout>

### Paste the Design in Elementor

1. Open the page or template in the Elementor editor where you want to paste the design.
2. Right-click on a dotted-border section and select **Paste from other site**.
3. Or, press **Ctrl + V** to paste the design directly.

Your design is added to the editor.

<Callout kind="tip">
If you run into alignment or layout issues after pasting, check that your Figma structure follows the recommended design guidelines.
</Callout>

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="What should I do if my design doesn't paste correctly in Elementor?" default-open="false">
    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.
  </Expandable>

  <Expandable title="What are the best practices for using Copy to Clipboard?" default-open="false">
    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.
  </Expandable>

  <Expandable title="What happens if I copy the entire Main Frame using Copy to Clipboard?" default-open="false">
    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.
  </Expandable>
</ExpandableGroup>