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

# Introducción

> Introducción al plugin de Figma Facebetter Effect Creator

El plugin de Figma Facebetter Effect Creator es una herramienta pensada para crear stickers y efectos de maquillaje para el SDK de Facebetter. Su objetivo es simplificar el proceso de creación de stickers y maquillaje. Con este plugin puedes completar en Figma el diseño del sticker, la vinculación de landmarks faciales, la configuración de atributos y la exportación de la vista previa 3D.

## Inicio de sesión e idioma

Hay que iniciar sesión en el plugin antes de usarlo. Puedes entrar con una cuenta de Facebetter o correo, o con cuentas sociales como Google o GitHub.

1. **Abrir el plugin**: ejecuta el plugin Facebetter Effect Creator en Figma.
2. **Inicio de sesión**: admite Google, GitHub o correo.
3. **Cambio de idioma**: haz clic en el icono del menú desplegable de la parte superior de la interfaz para cambiar entre **chino 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="Inicio de sesión del plugin Facebetter Effect Creator" width="786" height="1246" data-path="images/fb-figma-login.jpg" />
</Frame>

## Instalar el plugin

Haz clic en este enlace: [Plugin](https://www.figma.com/community/plugin/1591037386605818409/facebetter-effect-creator), o busca «Facebetter Effect Creator» en Figma y pulsa **Open In** para abrirlo en un documento existente o en uno nuevo. Se recomienda un documento en blanco.

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

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

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