规格要求
Figma Community 图片要求
向 Figma Community 发布插件或小组件时,listing 由一张封面图加可选的轮播媒体组成,两者使用相同的 16:9 画布,因此你可以在一个项目里产出全部素材。以下是 Figma 在发布时推荐的规格。
封面与 listing 规格
| 封面尺寸 | 1920 × 1080 px(推荐) |
|---|---|
| 宽高比 | 16:9 |
| 安全区 | 1800 × 1080 px,居中 |
| 轮播媒体 | 最多 9 张图片或视频 |
| 格式 | PNG 或 JPG(推荐 PNG) |
| 插件图标 | 128 × 128 px |
审核指南:提倡与禁止
提倡
- ✓展示插件的真实界面与输出效果
- ✓文字要大,在缩略图尺寸下依然可读
- ✓封面风格与插件图标和品牌保持一致
- ✓关键内容保持在 1800×1080 安全区内
禁止
- ✗使用与插件实际功能不符的截图
- ✗把关键文字或 Logo 放在画面边缘
- ✗依赖在预览尺寸下看不清的细小 UI 细节
- ✗套用与插件无关的营销素材
起步样式
Figma 插件封面模板
从经过验证的 16:9 版式起步,再在编辑器里换成你自己的截图、配色与文案。
大胆渐变
鲜明渐变之上是大标题与悬浮 UI 卡片。
简洁留白
白色背景、清晰的产品截图和一句有力的承诺。
深色舞台
炭黑背景配发光点缀,适合工具类插件。
品牌撞色
以品牌色打头阵,配上抢眼的前后对比。
想要更多起点? 浏览浏览器与桌面模板
使用流程
三步做出 Figma 插件封面
从空白画布到可直接发布的封面,大约只需五分钟。
- 01
打开 1920×1080 画布
带 Figma Community 预设启动编辑器,无需配置也无需注册。
- 02
添加截图与文案
放入插件界面截图,选择背景,写一句能打动人的标题。
- 03
导出并发布
下载封面与轮播图的高清 PNG,然后在上传弹窗中提交到 Figma。
最佳实践
优秀的插件封面长什么样
这些模式在 Figma Community 上长期表现出色。
展示前后变化
把普通的前状态和精致的成品放在一起——效果胜过承诺。
框住真实 UI
把真实插件截图放进浏览器或画布边框里,让观者一眼看懂使用场景。
紧扣品牌
呼应图标的配色与字体,让整个 listing 像一个完整产品。
常见问题
Figma 插件截图常见问题
开发者关于 Figma Community 封面图与 listing 截图的常见疑问。