如何在GitHub Markdown中嵌入Figma画布？VSCode预览遇内容禁用提示

直接用Figma复制的Embed iframe代码在GitHub Markdown里无法正常渲染，这是因为GitHub出于安全限制，不支持解析iframe标签，VSCode预览提示的「Some content has been disabled in this document」正是这个原因导致的。下面给你两个可行的替代方案：

方案1：嵌入静态预览图 #

• 打开你的Figma文件，点击右上角「分享」按钮，将链接权限设置为「Anyone with the link can view」（必须公开才能生成可访问的图片链接）
• 右键点击你要展示的画布/元素，选择「Copy image link」
• 在Readme.md里用Markdown图片语法插入：

  ![Figma 设计预览](你复制的图片链接)
  

  这样不管是GitHub页面还是VSCode预览，都能正常显示静态的设计图，缺点是无法交互。

方案2：用Figma公开链接生成可点击卡片 #

• 同样先确保Figma文件的分享权限是公开可访问的
• 直接在Readme.md里粘贴Figma的公开分享链接，比如：

  https://www.figma.com/file/abcXYZ/My-Project-Design
  

• GitHub会自动把这个链接渲染成一个带预览缩略图的可点击卡片，点击后就能跳转到Figma网页查看完整的交互画布；VSCode预览也能正常显示这个卡片样式。

如果必须要在Readme里实现交互预览，目前GitHub Markdown没有支持的方式，只能引导用户通过链接跳转至Figma查看。

内容的提问来源于stack exchange，提问作者Random User