用途：VibeFigma 通过 vibefigma CLI 把 Figma 设计转换为使用 Tailwind CSS 的 React 组件，适用于用户提供 Figma URL 或要求将 Figma 设计转为 React/代码的场景。
主要能力：生成带 Tailwind CSS 类的 React 组件（.tsx），并把图片、图标等资源输出到资源目录；支持交互模式、直接命令、环境变量和 .env 文件配置；可用 --no-tailwind 生成普通 CSS；可用 --force 覆盖已有文件。
使用方式：交互模式运行 npx vibefigma --interactive，会提示输入 Figma URL、访问令牌和输出路径。直接命令：npx vibefigma "https://www.figma.com/design/FILE_ID?node-id=X-Y" --token FIGMA_TOKEN。也可设置环境变量 export FIGMA_TOKEN=your_token 后运行 npx vibefigma "https://www.figma.com/design/FILE_ID?node-id=X-Y"，或在项目根目录 .env 中写入 FIGMA_TOKEN=your_token_here 后运行同样命令。常用选项：-t/--token 指定 Figma 访问令牌；-c/--component 指定输出路径（默认 ./src/components/[Name].tsx）；-a/--assets 指定资源目录（默认 ./public）；-f/--force 无需确认覆盖已有文件；--no-tailwind 生成普通 CSS。
工作流：在 Figma 中选中要转换的具体节点/框架并获取带 node-id 的 URL；检查目标路径是否已有输出文件，若存在需先确认再使用 --force；运行命令并配置令牌；若出现令牌错误再告知用户需要令牌；最后审查生成的组件，必要时参考 references/responsive-cleanup.md 做响应式与生产化清理。
限制：未配置令牌时 vibefigma 会报错；生成的代码可能需要手动清理才能用于生产；建议始终在 Figma URL 中选择具体节点/框架以获得更好结果。其他功能、收费与平台信息暂未提供。