> ## Documentation Index
> Fetch the complete documentation index at: https://docs.facebetter.net/llms.txt
> Use this file to discover all available pages before exploring further.

# 简介

> Facebetter Effect Creator Figma 插件简介

Facebetter Effect Creator Figma 插件是专门制作 Facebetter SDK 贴纸，美妆特效的便捷工具，旨在简化贴纸和美妆特效的制作流程。通过该插件，你可以直接在 Figma 中完成贴纸设计、人脸关键点绑定、属性配置及3D预览导出。

## 安装插件

点击这个链接：[插件](https://www.figma.com/community/plugin/1591037386605818409/facebetter-effect-creator), 或者在 Figma 中搜索 "Facebetter Effect Creator" 插件，点击Open In，可以在已存在的文档或者新创建设计文档中打开插件，推荐新创建空白文档。

<Frame>
  <img src="https://mintcdn.com/facebetter/DM5KtVsHX1q4Zlkm/images/fb-figma-install.jpg?fit=max&auto=format&n=DM5KtVsHX1q4Zlkm&q=85&s=1f52833b8ac3affbd5ea805917700f25" alt="Facebetter Effect Creator 插件安装" width="1600" height="832" data-path="images/fb-figma-install.jpg" />
</Frame>

## 登录与语言设置

插件必须登录之后才可以使用，登录可以使用 facebetter 账号或邮箱登录，也可以使用谷歌，GitHub 等社交账号登录。

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

<p align="center">
  <img src="https://mintcdn.com/facebetter/DM5KtVsHX1q4Zlkm/images/fb-figma-login.jpg?fit=max&auto=format&n=DM5KtVsHX1q4Zlkm&q=85&s=8a3a2c724f733c4bb8a0233bde1c60e8" width="400" alt="Facebetter Effect Creator 插件登录" data-path="images/fb-figma-login.jpg" />
</p>

### 属性编辑

<Frame>
  <img src="https://mintcdn.com/facebetter/DM5KtVsHX1q4Zlkm/images/fb-effect-creator-editor.png?fit=max&auto=format&n=DM5KtVsHX1q4Zlkm&q=85&s=eebece51b81a0b0f891275a4f35b181f" alt="Facebetter Effect Creator 插件编辑器" width="2134" height="1200" data-path="images/fb-effect-creator-editor.png" />
</Frame>

### 3D预览

<Frame>
  <img src="https://mintcdn.com/facebetter/DM5KtVsHX1q4Zlkm/images/fb-effect-creator-3d-preview.png?fit=max&auto=format&n=DM5KtVsHX1q4Zlkm&q=85&s=06b2e515ba1502307703eeea38763433" alt="Facebetter Effect Creator 3D预览" width="2134" height="1200" data-path="images/fb-effect-creator-3d-preview.png" />
</Frame>