claude-code与figma的使用

claude plugin install figma@claude-plugins-official

claude-code 代码到 figma原型

从 Claude Code 捕获页面、状态和流程——可在 Figma 中立即编辑

  • 要打开前端 dev,有页面

  • 提示词: 将 xxx 页面 发送到 figma

figma设计 到claude-code

复制figma中的设置文件url, 在claude中写入类似这样的提示词:

使用此 Figma 文件:<Figma 文件 URL>,创建一个新页面,并使用我们现有的组件构建一个具有自动布局的设置屏幕。