levinmedia/figma-embed-block

A Gutenberg block to embed Figma frames in your WordPress site.

👉 Embed your Figma creations in WordPress

• Frames
• Pages
• Prototypes
• Just paste the link URL into the block
• Embeds update in real time as you edit your work

👉 Getting Started

• Clone this repo into your WordPress plugin Repository
• Activate the gutenberg-figma-embed plugin

👉 npm start

• Complete the steps in "Getting Started"
• Ensure you're in the plugin's directory
• Use to compile and run the block in development mode.
• Watches for any changes and reports back any errors in your code.

👉 npm run build

• ensure you're in the plugin's directory
• Use to build production code for your block inside dist folder.
• Runs once and reports back the gzip file sizes of the produced code.

---

This project was bootstrapped with Create Guten Block.

figma-embed-block's Issues

Selected aspect ratio not respected on front end of site

Certain themes (Tested on twenty twenty, and twenty nineteen) don't respect the aspect ratio controls in the block setting. For example, both blocks on this page are set to "Landscape" - and they stretch to a seemingly random height.

For contrast, the same blocks respect the aspect ratio when using the storefront theme

Prototype embedding broken

No longer able to embed a prototype after the validation update.
#6

prototypes have a different link structure, so the regex is flagging them as invalid