Bienvenido a Web Component Factory

Datos de acceso

Estos son los datos de acceso para la fábrica, guardalos para acceder en el futuro:

  • Usuario: Nombre de usuario
  • Contraseña: asdkfjhaskdjf

Puedes acceder haciendo click en siguiente link factory.wcf.tools

Generar un web component desde Figma

1. Abra el archivo que con el componente que desea generar utilizando la versión web de Figma.

Para poder generar componentes desde Figma, es necesario utilizar la versión web del mismo.

2. Seleccione el componente y copie la URL en la barra de direcciones del navegador

Seleccione el componente que desea generar. Asegúrese de que el objeto seleccionado sea efectivamente un componente y no una instancia.

Seleccione el componente y copie la URL que aparece en el navegador. Asegúrese de que el componente esté seleccionado al momento de copiar la URL.

3. Generar Web Component

A continuación, pegue la URL en la página que se abrirá al presionar el botón ‘GENERAR WEB COMPONENT’ que se muestra más abajo.

Luego de pegar la URL en dicha página, deberá presionar el botón “Generate”.

4. Autorizar a WCF a generar componentes desde su Figma

La primera vez que haga este proceso le aparecerá el siguiente cuadro de diálogo para autorizar a Web Component Factory a generar sus web components.

Listo!, su web component fue generado. Puede personalizar el css y js del mismo y luego descargarlo.

5. Guardar y ver el web component generado

Una vez generado el componente, debe guardarlo en el servidor para poder trabajar con él, personalizarlo si lo desea, y luego descargarlo para utilizarlo.

Listo!, ya puede utilizar utilizar el web component generado.

Para acceder directamente a la fábrica e insertar la URL copiada desde Figma, presione el siguiente botón

Puede obtener más información accediendo a nuestra documentación haciendo click aquí