En tu cuenta de Figma, haz clic en «Acciones» en la barra de herramientas inferior y selecciona la pestaña «Complementos y widgets». En el cuadro de búsqueda, escribe el nombre del Tilda «Figma to Tilda » y haz clic en él, o bien añádelo a través del enlace.

Haz clic en el botón «Ejecutar» para activar el complemento.

¡Ya está listo! Ahora puedes importar capas y elementos a Tilda.

Una vez que hayas añadido el complemento, selecciona la capa que necesites en el diseño. La capa seleccionada aparecerá en el campo «Capas seleccionadas» de la ventana del complemento.

En la ventana del complemento, haz clic en el botón «Preparar para copiar » para preparar las capas para la importación.

Cuando el fotograma esté listo para importarse, haz clic en el botón «Copiar al portapapeles ».

Ve a Tilda abre Zero Block pulsa la combinación de teclas: Ctrl+V en Windows o Comando+V en Mac.

Puedes importar el marco como un grupo independiente o con los ajustes aplicados a la mesa de trabajo y sustituyendo todos los elementos actuales.

Si la mesa de trabajo ya contiene elementos, también puedes insertar el marco como un grupo, pero esta opción eliminará todos los elementos de la mesa de trabajo.

Cuando se selecciona la opción «Aplicar ajustes a la mesa de trabajo», los ajustes de la capa raíz del Marco se aplicarán en Zero Block: Tilda modificarán el color o la imagen de fondo, el diseño automático y otros ajustes compatibles con Tilda .

Cuando se insertan varios marcos, no aparecerá la ventana emergente con las opciones de importación.

Ve a la página principal de Figma y haz clic en Ver perfil → Configuración debajo de tu foto de perfil.

A continuación, vaya a la pestaña Seguridad, vaya al bloque Tokens de acceso personal y haga clic en Generar nuevo token.

En la nueva ventana, especifica el nombre del Tilda y selecciona su periodo de validez. Por ejemplo, 1 día, 7 días, 30 días y 90 días.

En el área «Ámbitos», marca las casillas «Usuario actual», «Recursos de desarrollo», «Contenido de archivos», «Versiones de archivos», «Recursos de la biblioteca», «Contenido de la biblioteca» y «Proyectos». A continuación, haz clic en «Generar token».

Copia esta clave una vez que la hayas creado para introducirla en la configuración de importación de Tilda. No podrás volver a ver la clave; simplemente crea una nueva.

Haz clic en el menú de los tres puntos en Zero Block selecciona la opción «Importar desde Figma».

Ve a Figma. Abre el diseño, selecciona el marco que necesites y copia el enlace del marco desde la barra de direcciones del navegador.

En la ventana que se abre, añade el enlace al Frame y el token de API obtenido en la configuración de Figma.

Espere a que se importe la maqueta.

Si has añadido el enlace correcto y no hay errores en la API de Figma, el diseño se importará a Zero Block.

Ten en cuenta que, por defecto, las imágenes se cargan desde los servidores de Figma, por lo que, si quieres subirlas a Tilda, debes ir a la configuración de los elementos que contienen imágenes y hacer clic en «Subir a Tilda».

Los diseños deben crearse en un marco con un ancho de 1200 píxeles.

Recomendamos importar el diseño en varios bloques en lugar de añadir el diseño completo a un solo bloque.

Cualquier grupo se puede importar como imagen. Para ello, debes incluir «image» en su nombre. Si incluyes «svg», se importará como archivo SVG.

También puedes importar grupos. Si hay otros grupos en su interior, todos los elementos pasarán a formar parte del grupo de primer nivel.

Para importar un botón, debes agrupar la forma y el texto y añadir «botón» al nombre del grupo. La propiedad de alineación del texto también se importará, por lo que te recomendamos que el ancho del elemento de texto sea el mismo que el de la forma.

Si la forma tiene un efecto que no se puede reproducir en Zero Block, se importará con la imagen del efecto en segundo plano.