Skip to content

Facebetter Figma 贴纸制作插件使用说明

Facebetter Figma 插件是为创作者设计的专业工具,旨在简化增强现实(AR)人脸贴纸的制作流程。通过该插件,你可以直接在 Figma 中完成贴纸设计、人脸关键点绑定、属性配置及预览导出。

1. 登录与语言设置

  1. 启动插件:在 Figma 中运行 Facebetter 插件。
  2. 登录账号:支持 Google、GitHub 或邮箱登录。
  3. 语言切换:点击界面顶部的图标下拉菜单,可在 简体中文English 之间切换。

2. 工作流初始化

在使用插件进行设计前,需要先初始化工作区:

  1. 工作流初始化 (Workflow Initialization) 栏目下,点击 初始化工作区 (Initialize Workspace) 按钮。
  2. 插件会自动创建一个名为 Facebetter_Workspace 的 1024x1024 画布。
  3. 画布中包含 106 个标准人脸参考点。
  4. 选项:勾选“显示关键点编号”,可以更方便地识别不同部位的编号。

3. 贴纸图层与属性绑定

这是贴纸制作的核心步骤,用于定义贴纸如何跟随人脸运动。

  1. 选择图层:在 Figma 画布中选中你设计的贴纸图层(必须位于工作区内)。
  2. 配置属性
    • 混合模式 (Blend Mode):设置贴纸与人脸的融合效果(如:正常、叠加、滤色等)。
    • 位置类型 (Position Type)
      • 关键点 (Landmarks):跟随特定人脸关键点运动(最常用)。
      • 人脸框 (Face Rect):基于整个人脸区域定位。
      • 屏幕空间 (Screen Space):固定在屏幕位置。
    • 触发类型 (Trigger Type):设置贴纸出现的触发条件(始终显示、检测到人脸、张嘴触发等)。
    • 触发延迟 (Trigger Delay):触发后的延迟时间。
    • 透明度系数 (Alpha Factor):调整贴纸的整体透明度。
    • FPS:设置动画帧率(如果图层包含多帧)。

4. 预览与导出

  1. 3D 预览
    • 点击 3D 预览 (3D Preview)
    • 在弹出的窗口中,你可以实时查看到贴纸在 3D 人脸模型上的效果。
    • 支持鼠标左键旋转查看、右键平移、滚轮缩放。
  2. 导出包
    • 预览确认无误后,点击 导出 (Export)
    • 该包可直接用于 Facebetter 引擎及其相关应用中。

5. 获取帮助

点击插件导航栏顶部的 使用说明 (Docs) 链接,即可随时跳转至官方文档中心查看详细教程。