Files
figma-templates-showcase/README.md
kang ee719d07cc feat: 初始化 Figma 模板库 56 套展示站
- 56 套模板元数据(35 Figma 原生 + 21 非 Figma)
- 静态展示站 (HTML/CSS/JS 无框架):格式筛选、lightbox、搜索
- 35 个 .fig 已真上传 Figma Drafts 云端
- iframe 实时投射(登录态可看私有 Drafts)
- 部署:nginx:alpine + basic-auth (kang)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-22 15:31:45 +08:00

1.4 KiB
Raw Blame History

Figma 模板库

56 套 Web UI Kit 本地整理 + 静态展示站35 套 Figma 原生已云端就位 Drafts。

结构

├── source/         11G · 原始 zip/7z/rar + 预览图gitignored
├── extracted/      全套解压gitignored
├── manifest.json   56 条元数据
├── figma-files.json  云端 fileKey 列表
├── scripts/
│   ├── import-to-figma.sh    open -a Figma 批量(注意:不上云,仅本地)
│   └── match-and-update.py   按名字模糊匹配 Figma fileKey 回填 data.json
├── web/                      静态展示站
│   ├── index.html / styles.css / app.js
│   ├── data.json             前端数据
│   ├── thumbs/   6.1M        56 张 cover
│   └── previews/ 52M         gallery 压缩 JPG
├── nginx.conf + .htpasswd + Dockerfile   部署用
└── .memory/status.md         项目记忆

本地跑

cd web && python3 -m http.server 4010
# → http://localhost:4010

部署

nginx:alpine 容器 + basic-authkang / 见 credentials.md。 Coolify dockerfile 模式Gitea 主仓 + GitHub 镜像。

关键教训

  • open -a Figma file.fig 不上传云端,仅本地打开。真·上云走网页 Import 对话框(接受 .fig .sketch .pdf 等)
  • fileKey 抓取Figma REST 无 list-drafts用内部 API /api/folders/{drafts_folder_id}/paginated_files 需登录 cookiePlaywright MCP 实现