0. TL;DR(你在这里能找到什么)
- Figma Make 两篇实操:从 0-1 新项目、以及基于组件库的现网改版
- Vibe Coding / AI 编程工具:原生客户端、终端方式、以及 Figma MCP 连接
- 需要时再补:常用命令、资源包与参考链接
1. Figma Make(设计生成 / 交互 Demo)
Figma Make从0-1 项目Demo
Figma Make组件库调用
2. Vibe Coding / AI 编程工具
2.1 原生工具(优先)
2.1.1 安装 / 打开 AI 对话(Claude / Codex)
https://chatgpt.com/codex
2.1.2 连接 Figma MCP(图示)

2.1.3 开发编辑器 / 参考链接
Cursor: The best way to code with AI
TRAE - Collaborate with Intelligence