figwright
★ 1.1k
vs
ai-agents-from-scratch
★ 4.9k
figwright vs ai-agents-from-scratch
figwright：Figwright使AI代理能够双向与Figma交互，支持将设计选择转换为框架感知的代码，并直接在画布上创建或编辑设计。它通过MCP服务器和Figma插件之间的本地WebSocket中继运行，无需Figma开发者模式或付费层级即可使用。；ai-agents-from-scratch：该项目通过使用本地大语言模型和node-llama-cpp，从零开始教授如何构建AI智能体，强调在掌握生产级框架前深入理解其核心原理。它引导学习者逐步构建工具、记忆和推理模式等智能体组件，最终重现LangChain和LangGraph的核心概念。
01
简评
figwrightDev Tooling · ★ 1.1k
直接从Figma选区生成框架感知的代码（例如React组件）。
ai-agents-from-scratchDev Tooling · ★ 4.9k
作为AI智能体开发基础的教育资源。
02
并排对比
03
功能特性
figwright01免费使用，无需Figma开发者模式或付费订阅。
02双向交互，支持读取设计和直接写入画布。
03优先考虑提供者代码生成，适应现有技术栈和组件。
04兼容任何MCP客户端（例如Claude Code、Cursor）。
05开放可扩展的架构，支持通过可安装的技能定制工作流。
ai-agents-from-scratch01使用本地大语言模型从零开始构建AI智能体。
02理解LLM基本概念和推理流程。
03实现工具使用、内存管理及推理模式（如ReAct、AoT）。
04学习优化智能体性能（批量处理、流式响应）。
05重现LangChain和LangGraph框架的核心抽象。
04
使用场景
figwright↳直接从Figma选区生成框架感知的代码（例如React组件）。
↳通过自然语言描述或代码在画布上构建或编辑Figma设计。
↳集成AI代理以自动化设计实现和迭代过程。
↳为AI模型创建丰富的设计上下文，连接Figma数据与代码库组件。
ai-agents-from-scratch↳作为AI智能体开发基础的教育资源。
↳深入理解现有AI智能体框架（如LangChain）的工作原理。
↳从第一性原理开发定制化AI智能体解决方案。
05
适合场景
figwright必备神器
ai-agents-from-scratch—
FAQ
常见问题
figwright 和 ai-agents-from-scratch 有什么区别？
figwright 和 ai-agents-from-scratch 都属于 Dev Tooling 类别。figwright 有 1.1k Stars，ai-agents-from-scratch 有 4.9k Stars。
figwright 和 ai-agents-from-scratch 哪个更好？
最佳选择取决于你的具体需求。直接从Figma选区生成框架感知的代码（例如React组件）。 时选 figwright，作为AI智能体开发基础的教育资源。 时选 ai-agents-from-scratch。
figwright 是免费的吗？
是的，figwright 在 GitHub 开源（MIT）。
ai-agents-from-scratch 是免费的吗？
是的，ai-agents-from-scratch 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→