10up

Jeffrey Paul

Darin Kotter

<ul>
<li>Embed a Figma file using a block in the WordPress editor.</li>
<li>Paste a Figma URL on a new line in the Block Editor to automatically convert it to a Figma Embed block.</li>
<li>Block settings allow for altering margins of rendered Figma file embed</li>
</ul>
<h3>Getting Started</h3>
<p>Once the plugin is installed and activated, you should see a new Figma Embed block. Insert this block into your content and enter the URL of the Figma file you want to embed.</p>
<p>Assuming it’s a valid URL, the block will automatically fetch the Figma file and display it in the editor. Once saved, this will also display on the front-end.</p>


Embed Block for Figma

Display Figma files using an Embed block.

Figmentor

<p><strong>Figmentor</strong> is a powerful WordPress plugin that bridges the gap between Figma and Elementor, allowing designers and developers to seamlessly convert their Figma designs into fully functional Elementor templates.</p>
<p>With real-time syncing and a user-friendly interface, Figmentor helps you import, organize, and edit Figma-based designs directly in WordPress using Elementor.</p>
<h3>Key Features</h3>
<ul>
<li><strong>One-Click Import</strong>: Convert Figma designs to Elementor templates instantly</li>
<li><strong>API Integration</strong>: Secure connection between your Figma and WordPress accounts</li>
<li><strong>Template Library</strong>: Manage and organize all your imported templates</li>
<li><strong>Real-time Sync</strong>: Keep your designs synchronized between Figma and WordPress</li>
<li><strong>Responsive Design</strong>: Imported templates maintain responsiveness</li>
<li><strong>Preview Support</strong>: Preview templates before importing</li>
<li><strong>Auto-updates</strong>: Get notifications for new features and improvements</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Install and activate the Figmentor plugin in WordPress</li>
<li>Connect your Figmentor account using your API token</li>
<li>Install the Figmentor plugin in Figma</li>
<li>Select your Figma frame and export it to Elementor</li>
<li>Import the template directly into WordPress</li>
<li>Edit and customize it with Elementor</li>
</ol>
<h3>Perfect For</h3>
<ul>
<li>Web Designers</li>
<li>Agencies</li>
<li>Freelancers</li>
<li>Design Teams</li>
<li>WordPress Developers</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>Elementor Page Builder (Free or Pro) – <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Download Elementor</a></li>
<li>PHP 7.4 or higher</li>
<li>Active Figmentor account – <a href="https://figmentor.io" rel="nofollow ugc">Create one here</a></li>
<li>Figma account with the Figmentor plugin installed</li>
</ul>
<h3>Getting Your API Token</h3>
<ol>
<li>Log in to your Figmentor dashboard at <a href="https://figmentor.io" rel="nofollow ugc">https://figmentor.io</a></li>
<li>Go to <strong>Account Settings > API Tokens</strong></li>
<li>Generate a new WordPress token</li>
<li>Copy and paste it into the plugin settings page in WordPress</li>
</ol>
<h3>First Import</h3>
<ol>
<li>Open Figma and install the Figmentor plugin</li>
<li>Select your design frame</li>
<li>Click <strong>Export to Elementor</strong></li>
<li>Go to WordPress > Figmentor</li>
<li>Click <strong>Import Template</strong> on your design</li>
<li>Edit with Elementor!</li>
</ol>
<h3>Additional Information</h3>
<h4>Support</h4>
<p>Need help? Visit our <a href="https://figmentor.io/contact/" rel="nofollow ugc">Help Center</a> or contact us at hello@figmentor.io</p>
<h4>Documentation</h4>
<p>Full documentation is available at <a href="https://figmentor.io/docs" rel="nofollow ugc">https://figmentor.io/docs</a></p>
<h4>Privacy Policy</h4>
<p>We take your privacy seriously. Read our <a href="https://figmentor.io/privacy-policy" rel="nofollow ugc">Privacy Policy</a></p>
<h4>Terms of Service</h4>
<p>By using this plugin, you agree to our <a href="https://figmentor.io/terms-and-conditions" rel="nofollow ugc">Terms and Conditions</a></p>
<h3>Credits</h3>
<p>Figmentor is developed by the <a href="https://figmentor.io" rel="nofollow ugc">Figmentor Team</a>.</p>
<p>Special thanks to:<br />
* The WordPress community<br />
* The Elementor team for the amazing product<br />
* <a href="https://otha.me" rel="nofollow ugc">Othmane N.</a><br />
* <a href="https://otha.me" rel="nofollow ugc">Otha.studio</a><br />
* All our beta testers and early adopters</p>


The fastest way to convert your Figma designs into Elementor templates. Import designs from Figma to WordPress with one click.

Embed Block for Figma vs Figmentor