# 安装 figma-code-connect-components

- 类型: Skill 技能
- 说明: 将 Figma 设计组件与代码组件建立映射，便于设计与实现保持一致。
- 仓库: https://github.com/openai/skills
- ⚠ 安全: 该技能材料显示其为开源的提示型 Skill，本身未声明需要密钥或自建远程端点，整体风险较低。其主要能力依赖外部 Figma MCP 与代码库访问，按工具固有性质需留意，但材料中未见明显越权或数据外发红旗。

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "figma-code-connect-components" 技能：
1. 下载 https://raw.githubusercontent.com/openai/skills/main/skills/.curated/figma-code-connect-components/SKILL.md
2. 保存为 ~/.claude/skills/figma-code-connect-components/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

### Codex
```
请帮我安装 askskill 上的 "figma-code-connect-components" 技能：
1. 下载 https://raw.githubusercontent.com/openai/skills/main/skills/.curated/figma-code-connect-components/SKILL.md
2. 保存为 ~/.codex/skills/figma-code-connect-components/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

### Cursor
```
请帮我安装 askskill 上的 "figma-code-connect-components" 技能：
1. 下载 https://raw.githubusercontent.com/openai/skills/main/skills/.curated/figma-code-connect-components/SKILL.md
2. 保存为 ~/.cursor/skills/figma-code-connect-components/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
mkdir -p '~/.claude/skills/figma-code-connect-components' && curl -fsSL 'https://raw.githubusercontent.com/openai/skills/main/skills/.curated/figma-code-connect-components/SKILL.md' -o '~/.claude/skills/figma-code-connect-components/SKILL.md'
```

### Codex
```bash
mkdir -p '~/.codex/skills/figma-code-connect-components' && curl -fsSL 'https://raw.githubusercontent.com/openai/skills/main/skills/.curated/figma-code-connect-components/SKILL.md' -o '~/.codex/skills/figma-code-connect-components/SKILL.md'
```

### Cursor
```bash
mkdir -p '~/.cursor/skills/figma-code-connect-components' && curl -fsSL 'https://raw.githubusercontent.com/openai/skills/main/skills/.curated/figma-code-connect-components/SKILL.md' -o '~/.cursor/skills/figma-code-connect-components/SKILL.md'
```