Tutorial en vídeo: importa hojas de cálculo a tablas para emails HTML en Figma

En este vídeo verás cómo generar automáticamente tablas para emails HTML en Figma a partir de archivos XLSX/CSV o de Google Sheets con el plugin Emailify.

La opción 🧾 Spreadsheet te permite importar datos de una hoja de cálculo CSV/XLSX y convertir automáticamente ese contenido en una tabla HTML con varias filas y columnas. Puedes añadir más filas o columnas copiando y pegando las capas de Figma de fila de tabla o de celda de datos (o ambas) que se crean al principio.

Ten en cuenta que la 🧾 Spreadsheet se muestra igual en escritorio y en móvil, así que vigila el ancho de tu tabla si añades más de un par de columnas.

Usar la función "Quick Add" para añadir capas de Emailify nuevas

Emailify te permite construir tus diseños con bloques de estructura y elementos de contenido especiales que se añaden como capas a tus diseños de Figma y que puedes exportar a HTML desde el plugin.

Para añadir estos bloques de estructura y elementos de contenido, asegúrate de haber creado al menos un frame de Emailify y haz clic en ese frame para que aparezca automáticamente el menú contextual Quick Add Element en la parte inferior del plugin. Después, haz clic en el elemento que quieras y en el botón Add + para añadirlo a la capa seleccionada.

Las opciones disponibles en el menú contextual cambian según la capa de Figma que tengas seleccionada.