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