figma-use
通过命令行或JSX直接操控Figma的CLI工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：figma-use。 它的用途是：通过命令行或JSX直接操控Figma的CLI工具 完整的 Skill 内容见：https://321skill.com/skills/figma-use/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我把这个按钮组件的设计用JSX描述出来，并添加到Figma画布的（100,200）坐标位置。”，它会生成一段包含Frame、Icon、Text等元素的JSX代码，并通过管道调用`figma-use render`命令将其渲染到指定的Figma文件中。或者，你可以直接要求AI：“使用figma-use命令，在Figma中创建一个400x300、白色背景、垂直布局、间距16的框架。”
介绍
figma-use 是一款命令行工具，旨在解决AI智能体或开发者无法直接通过代码自动化操作Figma设计稿的痛点。它绕过了Figma官方API的限制，通过远程调试协议，允许用户使用简单的CLI命令或熟悉的JSX语法来创建、修改和导出Figma元素。
使用方式非常灵活：你可以通过一系列链式命令（如figma-use create frame）进行精确的逐项操作，也可以通过管道输入JSX代码片段（如echo '<Frame>...' | figma-use render）来声明式地批量生成复杂布局，实现设计稿的自动化构建。
它非常适合前端开发、UI设计师以及智能体开发者在需要批量生成设计原型、自动化搭建设计系统组件、或让AI辅助完成界面设计时使用。通过将设计操作转化为代码，极大提升了设计稿的生成效率和可复现性。
需要注意的是，由于Figma 126+版本默认禁用了远程调试，目前需要通过启动守护进程（figma-use daemon start --pipe）或使用替代编辑器OpenPencil来连接。此外，其JSX模式目前仅支持静态结构描述，复杂的逻辑和组件需通过.figma.tsx文件实现。
核心特点
与Figma官方MCP插件只能读取文件不同，figma-use可以直接修改和创建设计稿。它将CLI的简洁高效与JSX（React）的声明式UI描述能力结合，让AI无需特殊训练就能用其熟悉的范式生成和操作设计界面。
注意事项
不适合需要复杂交互逻辑或动态数据绑定的高保真原型设计场景。
常见问题
Figma最新版本还能用吗？
Figma 126+版本默认屏蔽了远程调试，但可以通过`figma-use daemon start --pipe`命令启动守护进程来连接，或使用开源编辑器OpenPencil。
支持哪些设计元素？
支持Frame、Rectangle、Text、Icon（来自Iconify）、Image、Vector等核心元素，并能设置样式、布局等属性。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/figma-use/raw/index.md 读取 figma-use 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/figma-use/raw/index.md（查看排版版本）