figwright
★ 1.1k
vs
ns-ui
★ 34
figwright vs ns-ui
figwright：Figwright使AI代理能够双向与Figma交互，支持将设计选择转换为框架感知的代码，并直接在画布上创建或编辑设计。它通过MCP服务器和Figma插件之间的本地WebSocket中继运行，无需Figma开发者模式或付费层级即可使用。；ns-ui：ns-ui 是一个包含 200 多个经过严格测试的 React 组件集合，可通过 URL 直接安装，无需传统的包依赖。它提供内敛的生产级组件和华丽的展示组件，并且安装后拥有完整的源代码所有权，方便自定义。
01
简评
figwrightDev Tooling · ★ 1.1k
直接从Figma选区生成框架感知的代码（例如React组件）。
ns-uiDev Tooling · ★ 34
将 UI 组件快速集成到现有的 Shadcn 配置的 React 项目中。
02
并排对比
03
功能特性
figwright01免费使用，无需Figma开发者模式或付费订阅。
02双向交互，支持读取设计和直接写入画布。
03优先考虑提供者代码生成，适应现有技术栈和组件。
04兼容任何MCP客户端（例如Claude Code、Cursor）。
05开放可扩展的架构，支持通过可安装的技能定制工作流。
ns-ui01通过 URL 直接安装组件，无需包依赖。
02使用 Playwright 对交互、可访问性和主题兼容性进行严格的自动化测试。
03安装后对组件源代码拥有完全所有权和可定制性。
04提供代理友好的目录 API（纯文本、MCP 服务器、CLI），用于程序化组件发现和安装。
05包含两个不同的组件集合：'core' 用于生产设计，'loud' 用于炫酷展示。
04
使用场景
figwright↳直接从Figma选区生成框架感知的代码（例如React组件）。
↳通过自然语言描述或代码在画布上构建或编辑Figma设计。
↳集成AI代理以自动化设计实现和迭代过程。
↳为AI模型创建丰富的设计上下文，连接Figma数据与代码库组件。
ns-ui↳将 UI 组件快速集成到现有的 Shadcn 配置的 React 项目中。
↳使用经过严格测试的组件构建交互式且视觉吸引力的 Web 界面。
↳使 AI 代理或自动化脚本能够以编程方式发现和安装 UI 组件。
↳建立高度可定制的设计系统，完全控制单个组件的源代码。
05
适合场景
figwright必备神器
ns-ui—
FAQ
常见问题
figwright 和 ns-ui 有什么区别？
figwright 和 ns-ui 都属于 Dev Tooling 类别。figwright 有 1.1k Stars，ns-ui 有 34 Stars。
figwright 和 ns-ui 哪个更好？
最佳选择取决于你的具体需求。直接从Figma选区生成框架感知的代码（例如React组件）。 时选 figwright，将 UI 组件快速集成到现有的 Shadcn 配置的 React 项目中。 时选 ns-ui。
figwright 是免费的吗？
是的，figwright 在 GitHub 开源（MIT）。
ns-ui 是免费的吗？
是的，ns-ui 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→