Export HTML Table

The Export Figma Frames feature in CopyDoc works by letting you export frames on your current Figma page to other popular document formats.

Selecting your Figma frames to include ​

To get started with this feature, click on the Export Frames button in the main CopyDoc plugin screen.

You'll now be able to select the frames from your current Figma page that you would like to export to another format.

CopyDoc will load all of your parent frames from your current Figma page into the plugin as a list of frames that you can use to choose the frames you would like to include; you can click on any frame's checkbox or image thumbnail to select it (clicking it again will deselect it).

Parent frames required. To export frames from CopyDoc, your Figma page must contain at least one Parent Frame; this means, any "frames" that are located directly underneath your page.

Selecting your document export format ​

After you've selected the Figma frames you would like to export, you can select the export format using the dropdown box options.

Export HTML Table ​

Selecting the HTML Table option lets you export the text content of your Figma frames to a HTML file that can be opened in a web browser, or edited in any text/code editing software. You can configure the following settings for HTML Table exports:

Include Design References ​

Enabling the Include Design References option will include .png images for each FIgma frame that you've selected to export. These can be used as a visual design reference alongside your text exported to .html files.

Exporting and downloading your document ​

When you're happy with your selected frames and the options for your chosen export format, you can click on the Export button to generate your file.

After clicking the Export button, you'll see a confirmation screen letting you know that your file is ready to download. To download the file from Figma to your computer, you can click the Download button in the CopyDoc plugin.

Saving file downloads from Figma If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).