home/categories/technical-docs/figma-mcp-server-guide-skills-figma-code-connect-skill-md
technical-docsdocumentation

figma-code-connect

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.

figma
maintainer
figma
更新於 4/8/2026
星標
1070
分支
98
quick start

Installation and usage

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.

安裝
$ install --globalskills.sh
使用

安裝後,您可以通過在終端運行以下命令來使用此技能:

skills use figma-code-connect