What are the main features of the Figma plugin?
It allows you to export design comps and assets required for HTML generation with a single click. You can configure export settings such as scale and file format directly in Figma, and the plugin will package everything into a downloadable ZIP file.
What files are required for code generation?
Here's what you need for code generation. The Figma plugin allows you to export all of them at once.
🖼️ Design comp (
.png/.jpg, up to 20 MB)🧩 Asset images (
.png/.jpg/.gif/.svg/.webp, total with design comp: up to 100 MB)📄
output.jsonfile
⚠️Please make sure to extract the ZIP file that was previously exported via the Figma plugin.
Are there any points to note when exporting
.svgfiles?When exporting
.svgfiles, ensure to specify the width and height in pixels (px) so that the image displays at the intended size during preview.