A Figma Block for the WordPress block editor (Gutenberg).
- Embed a Figma file using a block in the WordPress editor.
- Paste a Figma URL on a new line in the Block Editor to automatically convert it to a Figma Embed block.
- Block settings allow for altering margins of rendered Figma file embed
- PHP 7.4+
- WordPress 6.6+
- You can install the plugin manually by downloading a zip file from GitHub.
- You then need to upload the zip file to your WordPress site by going to WP-Admin > Plugins > Add New > Upload Plugin and selecting the zip file from your computer.
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.
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.
Stable: 10up is not planning to develop any new features for this, but will still respond to bug reports and security concerns. We welcome PRs, but any that include new features should be small and easy to integrate and should not include breaking changes. We otherwise intend to keep this tested up to the most recent version of WordPress.
A complete listing of all notable changes to Embed Block for Figma are documented in CHANGELOG.md.
Please read CODE_OF_CONDUCT.md for details on our code of conduct, CONTRIBUTING.md for details on the process for submitting pull requests to us, and CREDITS.md for a listing of maintainers, contributors, and libraries for Embed Block for Figma.
