- 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>
40 lines
1.4 KiB
Markdown
40 lines
1.4 KiB
Markdown
# 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 项目记忆
|
||
```
|
||
|
||
## 本地跑
|
||
|
||
```bash
|
||
cd web && python3 -m http.server 4010
|
||
# → http://localhost:4010
|
||
```
|
||
|
||
## 部署
|
||
|
||
`nginx:alpine` 容器 + basic-auth(kang / 见 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` 需登录 cookie,Playwright MCP 实现
|