loo2k / figma-backup

保住肥姑妈（Figma 源文件备份）

保住肥姑妈（Figma 源文件备份）

查看官网

功能介绍

• 🏢 支持切换多个账号和企业空间
• 📜 支持备份最近/草稿箱/团队的源文件
• 📦 支持按需下载 .fig 源文件
• ☁️ 支持 CoDesign 源文件云备份

如何使用

安装插件

• 第一步：安装 Violentmonkey 插件
• 第二步：安装 保住肥姑妈（Figma 源文件备份） 脚本

注意事项：

• 除了 Violentmonkey 你也可以使用 Tampermonkey 等脚本安装器
• 如果你在国内无法正常访问上面的链接，可以使用以下备用链接
  • Violentmonkey 安装镜像
  • Tampermonkey 安装镜像
  • Figma-backup 脚本镜像 - Greasyfork
  • Figma-backup 脚本镜像 - jsDelivr

视频演示

intro.mp4

常见问题

Q: 该脚本是否有安全问题

A: 脚本代码完全开源，仅有数据埋点统计使用次数信息

Q: 批量下载时可能会遇到提示是否允许下载多个文件

A: 点击允许即可

贡献代码

如何进行本地调试

下载代码并启动本地开发模式，启动后会在本地运行一个 localhost:3000 的服务

$ git clone [e-mail]:loo2k/figma-backup.git
$ npm i
$ npm run dev

在 Violentmonkey 中创建一个临时调试用的脚本

// ==UserScript==
// @name         🚀 本地调试: 保住肥姑妈
// @namespace    figmahelper
// @version      0.1
// @description  Figma 源文件备份
// @author       Luke
// @match        *://codesign.qq.com/*
// @match        *://codesign.woa.com/*
// @match        *://*.figma.com/*
// @grant        GM_addStyle
// @grant        GM_xmlhttpRequest
// @connect      *://*.figma.com/*
// @connect      *://*.codesign.qq.com/*
// @require      https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js
// ==/UserScript==

(function () {
  "use strict";
  if (location.href === "http://localhost:3000/") return;
  var script = document.createElement("script");
  script.type = "module";
  script.src = "http://localhost:3000/@vite/client";
  document.body.appendChild(script);
  var script2 = document.createElement("script");
  script2.type = "module";
  script2.src = "http://localhost:3000/src/main.js";
  document.body.appendChild(script2);
})();