Video Tutorial: Import spreadsheets to tables for HTML emails in Figma

This video tutorial is a complete step-by-step guide showing you how to automatically generate tables for HTML emails in Figma from XLSX/CSV or Google Sheets using the Emailify plugin.

The 🧾 Spreadsheet option allows you to import data from a CSV/XLSX spreadsheet and automatically turn that content into an HTML table with multiple rows and columns. You can add additional rows or columns by copy/pasting the table row and/or table data cell Figma layers that are initially created.

Please note that the 🧾 Spreadsheet will render the same way on desktop and mobile, so please be mindful about the width of your table if you're adding more than a couple of table columns.

Using the "Quick Add" feature to add new Emailify layers

Emailify allows you to build out your designs using special layout blocks and content elements that are added as layers to your Figma designs, and allows them to be exported out to HTML from the plugin.

To add these layout blocks and content elements, ensure that you have created at least one Emailify frame, and then click on that frame to automatically reveal the Quick Add Element context menu at the bottom of the plugin, then click the desired element, and click the Add + button to add it to the selected layer.

The options that are available in the context menu will change based on your current Figma layer selection.