> ## 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.

# Introdução

> Introdução ao plugin Facebetter Effect Creator para Figma

O plugin Facebetter Effect Creator para Figma é uma ferramenta prática pensada para criar adesivos e efeitos de maquiagem para o SDK Facebetter. O objetivo é simplificar o processo de criação de adesivos e maquiagem. Com este plugin, você conclui diretamente no Figma o design do adesivo, a vinculação aos landmarks do rosto, a configuração de atributos e a exportação da prévia 3D.

## Login e configurações de idioma

O plugin precisa estar autenticado antes de ser usado. Você pode entrar com uma conta Facebetter ou e-mail, ou usar contas sociais como Google ou GitHub.

1. **Iniciar o plugin**: execute o plugin Facebetter Effect Creator no Figma.
2. **Login**: suporta login com Google, GitHub ou e-mail.
3. **Troca de idioma**: clique no ícone de menu suspenso no topo da interface para alternar entre **chinês simplificado** e **inglês**.

<Frame>
  <img src="https://mintcdn.com/facebetter/DM5KtVsHX1q4Zlkm/images/fb-figma-login.jpg?fit=max&auto=format&n=DM5KtVsHX1q4Zlkm&q=85&s=8a3a2c724f733c4bb8a0233bde1c60e8" alt="Login do plugin Facebetter Effect Creator" width="786" height="1246" data-path="images/fb-figma-login.jpg" />
</Frame>

## Instalar o plugin

Clique neste link: [Plugin](https://www.figma.com/community/plugin/1591037386605818409/facebetter-effect-creator), ou pesquise "Facebetter Effect Creator" no Figma, clique em "Open In" para abrir o plugin em um documento existente ou em um documento de design recém-criado. Recomenda-se um documento em branco novo.

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

### Edição de atributos

<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="Editor do plugin Facebetter Effect Creator" width="2134" height="1200" data-path="images/fb-effect-creator-editor.png" />
</Frame>

### Prévia 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="Prévia 3D do Facebetter Effect Creator" width="2134" height="1200" data-path="images/fb-effect-creator-3d-preview.png" />
</Frame>
