配置Figma插件时出现TS2304错误：找不到名称'figma'

1. 解决依赖安装警告问题 #

你执行npm install时出现找不到/Users/username/package.json的警告，是因为终端当前工作目录不是你的Figma插件项目文件夹，而是系统用户根目录，依赖被装到了错误的路径：

• 先cd切换到你存放插件代码的本地文件夹
• 如果该文件夹下没有package.json文件，先执行npm init -y初始化npm项目
• 不要加sudo执行依赖安装命令，本地项目依赖不需要管理员权限：
  npm install --save-dev @figma/plugin-typings

2. 配置TS类型识别规则 #

figma是Figma插件运行环境直接注入的全局对象，不需要像C++/Java那样显式写import引入语句，只需要在项目根目录的tsconfig.json中添加类型路径配置，让TS能识别对应类型即可：

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "strict": true,
    "typeRoots": [
      "./node_modules/@types",
      "./node_modules/@figma"
    ]
  },
  "include": ["*.ts"]
}

3. 验证修复 #

配置完成后重启IDE，重新执行TS编译，figma.showUI(__html__)相关的TS2304报错就会消失。

内容的提问来源于stack exchange，提问作者Nuzhdin Vladimir