Skip to content

Figma 设计稿相关

文件上传管理 UI 设计稿

1. Figma 设计稿地址

https://www.figma.com/file/K6Kx0px4lLFVp5qhPwxXyG/electron-ffmpeg-video-to-gif

2. VSCode Figma 插件安装、登录和查看设计稿

  1. 搜索插件 figma - 安装 figma 插件
  2. 点击左边菜单 figma 图标-点击登录 figma
  3. 需要跳转到默认让你跳转到浏览器进行登录 figma
  4. 如果没有 figma 账号,注册一个,使用你的 qq 邮箱也可以的
  5. 注册完成后重新 进行第2步骤 点击登录 - 浏览器登录 - 登录完成会弹出打开 VSCode - 你打开 VSCode 就可以了
  6. 查看设计稿

3. VSCode Figma 插件如何退出登录 切换账号

  1. Ctrl + shift + p
  2. 输入 figma.openDesignFile
  3. 回车即可

4. VSCode Figma 如何打开指定的 URL

  1. Ctrl + shift + p
  2. 输入 figma.openUrl
  3. 输入 figma url 回车即可