Cómo importar un diseño Figma a su sitio web

Puede importar automáticamente un diseño Figma a Zero Block
Cómo obtener un token de acceso a la API de Figma
Перейдите на главную Figma и нажмите под фотографией своего профиля Ver perfil → Ajustes.
Далее перейдите на вкладку Seguridad, перейдите к блоку Tokens de acceso personal и нажмите на Generar nuevo token.
В новом окне впишите название токена Tilda и выберите срок его действия. Например, Sin caducidad - Бессрочный. Также можно выбрать срок действия ключа на 1 день, 7 дней, 30 дней и 90 дней.

В области применения (Scopes) теперь необходимо выбрать права доступа для ключа.
Для пунктов Usuario actual, Recursos de desarrollo, Contenido de archivo, Versiones de archivo, Activos de biblioteca, Contenido de biblioteca и Proyectos установите значение для доступа Sólo lectura. А затем нажмите на Generar token - создать токен.
Скопируйте этот ключ после создания, чтобы указать в настройках Import на Tilda. Посмотреть ключ повторно нельзя, только создать новый.
Cómo importar un diseño a Zero Block
Haga clic en el menú de tres puntos de la esquina superior derecha en Zero Block y seleccione la opción "Importar desde Figma" en el menú desplegable.
En Figma, seleccione el diseño que desee en el panel Capas, el marco que necesite y copie el enlace del marco de la barra de direcciones del navegador.
Para que la importación sea correcta, es necesario añadir un fotograma Figma a uno Zero Block
Pegue este enlace en el campo Layout URL y añada el token de API obtenido en los ajustes de Figma en el campo API Token.
Espere a que se importe la maqueta.
Si ha introducido el enlace correcto y no hay errores en la API de Figma, el diseño se importará a Zero Block.
Nota: Por defecto, las imágenes se cargan desde los servidores de Figma. Por lo tanto, si desea cargarlas en Tilda, debe ir a la configuración de los elementos que contienen imágenes y hacer clic en Cargar en Tilda.
Requisitos de diseño y características de importación
Diseño
Las maquetas deben crearse en un marco con una anchura de 1200px.

Recomendamos importar la maqueta a varios bloques en lugar de añadir toda la maqueta a uno solo.
Grupos
Cualquier grupo puede importarse como imagen. Para ello, debe especificar "image" en el nombre del grupo en Figma. Si especifica "svg", se importará como un archivo SVG.

También puede importar grupos. Si hay otros grupos dentro, todos los elementos estarán en el grupo de primer nivel.
Formas y botones
Para importar un botón, debe fusionar la forma y el texto en un grupo y nombrarlo como "botón".

La propiedad de alineación del texto también se importará, por lo que le recomendamos que haga que la anchura del elemento de texto sea la misma que la de la forma.

Si la forma tiene un efecto que no puede reproducirse en Zero Block, se importará con la imagen del efecto en el fondo.
Hecho en
Tilda