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).

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 allows you to 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.