# 安装 figma-generate-design

- 类型: Skill 技能
- 说明: 将代码或页面描述转成Figma完整界面，并按设计系统逐段搭建设计稿
- 仓库: https://github.com/openai/skills

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

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

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

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

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

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

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

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