figma-to-html
Installation
SKILL.md
Figma to HTML
Export specific Figma design layers to standalone HTML files with accompanying image assets, based on a natural language description of what the user needs.
Prerequisites
- Figma personal access token (set as
FIGMA_TOKENenv var, or the user provides it) - Username for the internal convert API (optional, set as
FIGMA_USERNAMEenv var) - The bundled script
scripts/convert-node.mjshandles the full pipeline: HTML conversion + image download - The bundled script
scripts/export-image.mjsexports a single node as an image (PNG/JPG/SVG/PDF)
Workflow
Step 1: Parse the Figma URL
Extract the file key and optional node-id from the Figma URL the user provides.
URL format:
Related skills