You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

无法将Figma桌面端复制的PNG图片粘贴至VSCode求助

解决Figma桌面端PNG无法粘贴到VSCode的问题
  • 检查系统剪贴板权限
    确认VSCode拥有访问系统剪贴板的权限:macOS用户去「系统设置-隐私与安全性-剪贴板」,把VSCode加入权限列表;Windows用户在「设置-隐私和安全性-剪贴板」里,允许VSCode读取剪贴板内容。

  • 核对VSCode内置粘贴设置
    打开VSCode设置(快捷键Ctrl+,/Cmd+,),搜索editor.pasteImage.enabled,确保该选项处于勾选状态。同时检查files.exclude配置,避免误屏蔽了图片文件的保存路径。

  • 禁用粘贴类扩展,用原生流程处理
    先关掉所有已装的粘贴类扩展(比如你试过的paste-img),然后按以下步骤操作:

    1. 从Figma复制图片后,打开系统自带的画图工具(Windows)或预览(macOS),粘贴图片后另存为PNG到本地指定文件夹。
    2. 在VSCode里直接拖拽该PNG文件到编辑器,或者用Ctrl+V粘贴,此时VSCode会弹出路径选择框,确认后自动插入Markdown格式的图片链接。
  • 手动配置VSCode图片粘贴规则
    打开VSCode的settings.json(快捷键Ctrl+Shift+P/Cmd+Shift+P,输入Open Settings (JSON)),添加以下配置:

    {
      "editor.pasteImage.path": "${currentFileDir}/images",
      "editor.pasteImage.basePath": "${currentFileDir}",
      "editor.pasteImage.insertPattern": "![${imageFileName}](${imageFilePath})"
    }
    

    这段配置会把粘贴的图片自动存到当前文件目录下的images文件夹,同时生成标准的Markdown图片引用。保存配置后重启VSCode再尝试粘贴。

  • 调整Figma的复制方式
    在Figma里右键目标图片,选择「Copy as PNG」选项再复制,避免直接复制时携带额外格式信息导致VSCode识别异常。

内容的提问来源于stack exchange,提问作者Yokub

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 07:24:18