Always show embedded content regardless of screen size

Question

Previously, we were able to always show an embed for Figma links, we used this to create documentations that would always display up-to-date components. However, after an update in the past months, the smaller embeds, used for smaller components (buttons, badges, etc), started turning into cards. There's a notice saying: "Embed, Displays as a card on small screens". However, it does the same when we use it in two column layout, where we used to add specs for whatever was displayed in the embedded view.

This wasn't the default behaviour before, is it possible to turn this off? It completely defeated the purpose of our documentation structure and we'd have to go back and redo all of it to display the correct component.

I tried using the marketplace app but it's absolutely terrible since it requires fixed sizes for every embed.

Peter_DevSamurai · Answer

Hi @Camila Guilherme ,

I'm sorry to hear that. Your Confluence Admin should indeed raise a support ticket for a deeper look.

I hope everything works out well for you.

Best,

Peter

Camila Guilherme · Answer

Hi Peter,

Thanks for the suggestion, but sadly it didn't work. It requests the user to log in even though they already have a Figma account and are able to see other embeds.

I am not able to create a support ticket since I work on an organization. I will see if I am able to request my Confluence Admin to do it.

All the best,

Camila

Peter_DevSamurai · Answer

Hi @Camila Guilherme , the displaying as cards on small screen is a recent Confluence Cloud update, as it auto-switches to card view in narrow layouts. And there's no native toggle to disable it. Your problem is similar to this one :)

The best possible solution is to raise a ticket to the Atlassian Cloud Support to see if they would possibly support this soon.

On another side, if you're much of a coder or a developer, you can try use iFrame Macro for Always-on Embeds:

This forces a full, interactive Figma embed (live updates intact) that ignores responsive carding:

* In Figma: Share > Copy "Embed code" (select frame/component for small ones).
* In Confluence: Edit page -> Type /iframe -> Paste the full 
<iframe src="https://www.figma.com/embed?..." > code into the "HTML code" field (or just the src URL if prompted). You can copy the below line Set Width...Yes. 
* Set Width: 100% | Height: Auto or 400px (tweak for component) | Allow fullscreen: Yes. 
* Then select Publish.
* You can refer to this article here.

I hope this works out for you :)

Best regards,

Peter