Event ·Multi-source

TemPad Dev 1.0 发布:通过 MCP 把 Figma 接入 Coding Agent 读设计、改画布

Justineo 发布 TemPad Dev 1.0,由 Chrome 扩展加本地 MCP 服务组成,让 Codex、Claude Code、Cursor 等客户端读取 Figma 设计并生成代码,get_code 默认输出 JSX/Vue + Tailwind。在可编辑文件里,apply_canvas 能新建和修改原生 Figma 图层,配套 manage_design_task 绑定修改区域。项目提供 design-in-figma 和 figma-design-to-code 两个 skill,支持用 definePlugin 自定义输出,社区已有 Kong、Nuxt UI、百度健康等插件。工具免费开源(MIT 协议),要求 Node.js 22 以上,连接只走本机 127.0.0.1。

Current read

这个工具让 Codex、Claude Code 直接连 Figma,能读设计稿写代码,还能反过来在画布上建图层,免手工搬运,开源免费。

6 sources47° AI heatLast updated 2026/11/4 13:18:42

Evidence

6 sources
Related source 1Guillermo Rauch
View source

Conflict check

Dedup data only shows that these sources discuss the same event, not that they agree. There is no structured supporting or refuting evidence yet, so no conflict is inferred automatically.

TemPad Dev connects Figma to coding agents via MCP · 事件专题 | AITOP