成为赞助商——支持中文 Agent 生态

了解赞助
库Agent场景库
← 返回用例列表

非工程师用 Claude+Figma MCP 重做官网

对照创始人实践:以 VS Code+Claude Code+GitHub CLI+Figma Dev Mode MCP 按分支/PR/自审/CI 重做落地页;人盯设计还原与误改,不代合并核心产品。

飞书DeepSeekClaudeChatGPT💼 职场求职🛠️ 开发者工具

场景说明

面向非工程创始人与小团队:把「不会写代码也能进真实仓库」写成可对账工作流与翻车处理,区别于通用终端结对与单次 Figma 出首页示意。

案例叙事

01他们做了什么

作者 Nadia Eldeib(非工程创始人)在个人 Substack《Pairing with Claude Code to Rebuild My Startup’s Website》(datePublished=2025-09-19;HN item 45336775 讨论日约 2025-09-22)写明:用 VS Code + Claude Code CLI + GitHub CLI(由 Claude 触发)+ Figma Dev Mode MCP,把 CodeYam 新设计落地进真实代码库;版本一已上线。动机是设计师与创始人推进落地页时不打断核心产品研发。

工作方式收敛到常见工程节律:本地改→开发服务器预览(后发现同网手机预览有用)→频繁推 WIP 分支→清理并让 Claude 测→开 PR。有效技巧:让 Claude「扮演联合创始人/CTO」审 PR、给合并建议,再只采纳说得通的清理项;CI 过后再合并删分支,并在开发环境手测。翻车清单:Figma MCP 产出大量未引用哈希名 SVG/文件,需专门清扫与语义化重命名,且常「清完又冒」;任务中途静默停工需多次 continue;走偏时宁可硬重置回已知好提交再开新会话。结论:隔离落地页风险可控,但仍需人持续核对改动文件;早期 PR 最好有工程师反馈校准「该看什么」。本场景据此输出「非工程师结对进仓」提纲。禁止声称已代你合并生产或设计已 100% 像素级保证。

02实际效果

  • 源披露定性:以周计而非以月年学会 Remix 后手写;可高保真对齐 Figma;未给统一工时对比表或缺陷密度,不可外推。
  • 能把「纯 vibe 改 main」与「分支/PR/角色自审/CI/可回滚」拆开。
  • 为 MCP 垃圾文件清理、停工续跑与回滚策略提供提问清单。

03值得知道

  • 作者明确:不信任任何 Agent 在无人紧盯下改生产;同事人工审仍然关键。
  • Figma Dev Mode MCP 当时为 Beta,行为会变;哈希垃圾文件问题可能随版本消长。
  • 上面写的是个人结对叙事,不是 Anthropic/Figma 官方教程承诺。

04可复制提示词

非工程师结对进仓简报

你是非工程师与编码 Agent 结对教练。只根据用户约束写进仓工作流提问清单,不要编造已合并。

改动范围:{{change_scope}}
是否隔离于核心产品:{{isolated_from_core}}
设计来源:{{design_source}}
合并前门闩人:{{merge_gatekeeper}}

输出 Markdown:
1. 分支/预览/PR/CI/手测最小闭环
2. 「CTO 角色」自审要问的 5 个问题
3. 禁止 Agent 触碰的路径
4. 每日回滚点策略
禁止索要仓库写权限令牌;禁止声称 PR 已合并。

Figma MCP 垃圾文件清理提纲

PR 里出现大量哈希名未引用资源,请写清理提纲。

可疑路径样例:{{suspect_paths}}
开发环境是否已目视:{{dev_preview_checked}}

输出:
1. 如何确认未引用再删
2. 语义化重命名步骤与人工抽检
3. 如何防止下一轮 MCP 再次生成
4. 误删后的恢复动作
不要伪造「仓库已无垃圾文件」。

怎么做

  1. 粘贴改动是否隔离于核心产品、设计稿来源(Figma)、以及是否有工程师做合并前门闩
  2. Agent 按实践帖输出:本地预览→分支/PR→「CTO 角色」自审→清理哈希垃圾文件→CI 失败回滚提问清单
  3. 人工合并与线上验收;Agent 不代合 main、不动支付/鉴权核心路径

实用提示

  • 源帖强调:能力在「结对」——人定方向与验收,Agent 加速执行;落地页与核心产品隔离才把风险压住
  • 与 claude-code-terminal-pair-agent / figma-mcp-build-homepage 不同:本条是非工程师创始人在真实 startup 仓库走完整 PR/CI/回滚,并专述 Figma MCP 哈希垃圾文件与中途停工,不是 CLI 发布说明或单次出首页示意
#Claude Code#Figma MCP#非工程师#PR 工作流#落地页