Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Import spreadsheets to tables for HTML emails in Figma - This tutorial shows how to use the Emailify Figma plugin to import spreadsheet data into a table component for HTML email designs. It covers importing from an Excel (XLSX) or CSV file, or from a public Google Sheet URL, then customizing the table and exporting the email to HTML.. Machine-readable page: /emailify/tutorials/import-spreadsheets-to-tables-for-html-emails-in-figma.md.

Import spreadsheets to tables for HTML emails in Figma

This tutorial shows how to use the Emailify Figma plugin to import spreadsheet data into a table component for HTML email designs. It covers importing from an Excel (XLSX) or CSV file, or from a public Google Sheet URL, then customizing the table and exporting the email to HTML.

← Back to Emailify Video Tutorials

What this video covers

This tutorial shows how to use the Emailify Figma plugin to import spreadsheet data into a table component for HTML email designs. It covers importing from an Excel (XLSX) or CSV file, or from a public Google Sheet URL, then customizing the table and exporting the email to HTML.

Things you'll need

  • A Figma file with the Emailify plugin installed
  • A spreadsheet file in Excel (XLSX) or CSV format, or a public Google Sheet

Steps

  1. Open Figma, go to Resources, search for Emailify in the Plugins tab, and install it.
  2. Run Emailify from Plugins > Installed Figma Plugins, create a new email frame, and click Add new Emailify container.
  3. Select the email frame or column, choose Add spreadsheet from Quick add element to selected layer, and import either a spreadsheet file or a public Google Sheet URL.
  4. For a Google Sheet, set General Access to Anyone with the link and copy the share link before pasting it into the plugin.
  5. Click Add to generate the table, including any image links from the spreadsheet, and open the table component page to adjust column widths, image sizing, vertical alignment, borders, or hidden columns.
  6. Use Preview to view the HTML version in Figma, then click Export HTML, choose HTML, and download the zip file.

Useful links