Claude Code 与 Figma 指南

把 Claude 连上 Figma，让 Claude Code 画出你的第一张屏幕。不用终端，不用命令，一条消息。

一份免费的 6 页指南，阿拉伯语和英语两版。你下载 Claude 桌面端，在设置里的连接器中连上 Figma，打开 Code 标签，选一个项目文件夹，发一条消息。Claude 读这个文件夹，问你缺了什么，然后在你的 Figma 文件里把屏幕画出来。配有来自 Anthropic 和 Figma 的真实截图、演示结果，以及一张出问题时用的排错表。

里面有什么

• Claude 应用和 Figma 连接器（即 Figma MCP）的逐步配置，带截图
• 怎么用你的品牌素材和 Figma 链接做一个项目文件夹，让 Claude 照着你的文件设计，而不是靠猜
• 第一条提示词的原文，通用到任何产品都能用，以及文件夹为空时 Claude 会问什么
• 一张 Claude 在 Figma 里画出来的真实演示屏幕，以及一张你可能碰到的报错和对应修法的表
• 两个 PDF：阿拉伯语版和英语版

给谁用。 给想试试 Claude Code 配 Figma、又不想在终端里装任何东西的设计师和创始人。阿拉伯语优先的团队拿到的是一份用阿拉伯语写的指南，不是翻译出来的。

随意付费。 想免费拿就是免费。如果它帮你省了一小时，就按那一小时值多少付。