Facebetter Figma 贴纸制作插件使用说明
Facebetter Figma 插件是为创作者设计的专业工具,旨在简化增强现实(AR)人脸贴纸的制作流程。通过该插件,你可以直接在 Figma 中完成贴纸设计、人脸关键点绑定、属性配置及预览导出。
1. 登录与语言设置
- 启动插件:在 Figma 中运行 Facebetter 插件。
- 登录账号:支持 Google、GitHub 或邮箱登录。
- 语言切换:点击界面顶部的图标下拉菜单,可在 简体中文 与 English 之间切换。
2. 工作流初始化
在使用插件进行设计前,需要先初始化工作区:
- 在 工作流初始化 (Workflow Initialization) 栏目下,点击 初始化工作区 (Initialize Workspace) 按钮。
- 插件会自动创建一个名为
Facebetter_Workspace的 1024x1024 画布。 - 画布中包含 106 个标准人脸参考点。
- 选项:勾选“显示关键点编号”,可以更方便地识别不同部位的编号。
3. 贴纸图层与属性绑定
这是贴纸制作的核心步骤,用于定义贴纸如何跟随人脸运动。
- 选择图层:在 Figma 画布中选中你设计的贴纸图层(必须位于工作区内)。
- 配置属性:
- 混合模式 (Blend Mode):设置贴纸与人脸的融合效果(如:正常、叠加、滤色等)。
- 位置类型 (Position Type):
- 关键点 (Landmarks):跟随特定人脸关键点运动(最常用)。
- 人脸框 (Face Rect):基于整个人脸区域定位。
- 屏幕空间 (Screen Space):固定在屏幕位置。
- 触发类型 (Trigger Type):设置贴纸出现的触发条件(始终显示、检测到人脸、张嘴触发等)。
- 触发延迟 (Trigger Delay):触发后的延迟时间。
- 透明度系数 (Alpha Factor):调整贴纸的整体透明度。
- FPS:设置动画帧率(如果图层包含多帧)。
4. 预览与导出
- 3D 预览:
- 点击 3D 预览 (3D Preview)。
- 在弹出的窗口中,你可以实时查看到贴纸在 3D 人脸模型上的效果。
- 支持鼠标左键旋转查看、右键平移、滚轮缩放。
- 导出包:
- 预览确认无误后,点击 导出 (Export)。
- 该包可直接用于 Facebetter 引擎及其相关应用中。
5. 获取帮助
点击插件导航栏顶部的 使用说明 (Docs) 链接,即可随时跳转至官方文档中心查看详细教程。