diff --git a/figma-code-connect-components/SKILL.md b/figma-code-connect-components/SKILL.md
new file mode 100644
index 00000000..1ff4824f
--- /dev/null
+++ b/figma-code-connect-components/SKILL.md
@@ -0,0 +1,24 @@
+---
+name: figma:code-connect-components
+description: Connects Figma design components to code components using Code Connect. Creates mappings between Figma designs and code implementations so design tools show the real code.
+---
+
+## figma:code-connect-components
+**Category:** Figma
+
+**What it does:**
+Connects Figma design components to code components using Code Connect. Creates mappings between Figma designs and code implementations so design tools show the real code.
+
+**When to trigger:**
+- "Code connect this component"
+- "Connect Figma to code"
+- "Map this component to code"
+- "Create code connect mapping"
+
+**How to install:**
+```bash
+npx claude install figma
+```
+Also requires the **Figma MCP server** connected.
+
+**Trigger phrase:** Ask to connect or map a Figma component to its code equivalent.