Should Obsidian be able to embed Figma?

Figma themselves state that it’s not possible to add embeds within a native/desktop application, only in browser-based applications, so I think this should work.

Things I have tried

I’ve embedded a publicly available Figma design but it won’t show in Obsidian. Here’s the Figma design embed:

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="640" height="509" src="[https://www.figma.com/embed?embed_host=share&amp;url=https%3A%2F%2Fwww.figma.com%2Fproto%2Fmke3QSdQxbHfuBq8DnLI9c%2FUX-guide-Pre-topic%3Fpage-id%3D275%253A8467%26node-id%3D275%253A8558%26viewport%3D350%252C48%252C0.15%26scaling%3Dmin-zoom%26starting-point-node-id%3D275%253A8558%26hide-ui=1](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2Fmke3QSdQxbHfuBq8DnLI9c%2FUX-guide-Pre-topic%3Fpage-id%3D275%253A8467%26node-id%3D275%253A8558%26viewport%3D350%252C48%252C0.15%26scaling%3Dmin-zoom%26starting-point-node-id%3D275%253A8558%26hide-ui=1)" allowfullscreen=""></iframe>

What I’m trying to do

I’m trying to embed a Figma design in an Obsidian note.

Obi-Wans, please help.

When you use normal html code you don’t need to put your links in markdown format [my link](www.mylink.com). I.e., in the iframe, src it’s a normal url.
In your case:

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="640" height="509" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2Fmke3QSdQxbHfuBq8DnLI9c%2FUX-guide-Pre-topic%3Fpage-id%3D275%253A8467%26node-id%3D275%253A8558%26viewport%3D350%252C48%252C0.15%26scaling%3Dmin-zoom%26starting-point-node-id%3D275%253A8558%26hide-ui=1" allowfullscreen=""></iframe>
1 Like

Thank you for correcting my mistake!

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.