Vibe Coding 体验记录：Figma MCP 的还原精度问题

自从公司提供 Claude 以后，我大部分代码都交给 Claude 来写，自己直接修改代码的时间明显减少了。

不过，在使用 Claude 通过 MCP 调用 Figma 设计稿时，我发现它仍然存在一些问题：最终实现效果和 Figma 上的设计稿会有一定出入。

我观察到的情况是，当选择区域过大、上下文 token 数量较多时，Claude 更倾向于通过截图来理解设计，而不是完整读取结构化的设计信息。这样生成出来的页面，视觉还原度通常会比较差。

所以在实现设计稿时，我现在通常会一次只链接 token 数量较小的区域。以我的经验来看，控制在 1000 tokens 以下时，Claude 对设计稿的还原会相对准确一些。但这也带来了新的问题：我需要频繁地在 Figma 设计稿和 Claude 页面之间切换，手动选择区域、复制链接、再让 Claude 实现，整体效率不一定高。

接下来，我想继续尝试更系统的解决方案：让 Claude 先读取整个设计稿的结构，再自动拆分成较小的节点逐步实现，而不是完全依赖我手动切分设计区域。