Oct.Cool
·
GPT 4.1、DeepSeek R1、Claude 3.7 代码生成横评，谁才是设计稿还原之王？
内容提要
本文比较了GPT 4.1、DeepSeek R1和Claude 3.7在代码生成方面的表现。测试结果显示，Claude 3.7在复杂页面还原中表现最佳，特别是在使用Figma MCP后效果显著提升。虽然GPT 4.1在使用Figma MCP时有所改善，但仍未能完全还原设计稿。DeepSeek R1在此场景下表现不佳，但在其他推理任务中表现强大。
关键要点
-
GPT 4.1、DeepSeek R1 和 Claude 3.7 在代码生成方面进行了比较。
-
Claude 3.7 在复杂页面还原中表现最佳，特别是在使用 Figma MCP 后效果显著提升。
-
GPT 4.1 在使用 Figma MCP 时有所改善，但仍未能完全还原设计稿。
-
DeepSeek R1 在此场景下表现不佳，但在其他推理任务中表现强大。
-
无论是否使用 Figma MCP，三款模型都未能 100% 还原设计稿。
延伸解读
模型性能对比
在代码生成的比较中，Claude 3.7表现出色，尤其是在复杂页面还原方面，使用Figma MCP后效果显著提升。这表明在设计稿还原任务中，选择合适的模型至关重要。相较之下，GPT 4.1虽然有所改善，但仍未能完全还原设计稿，显示出其在特定任务上的局限性。
Figma MCP的影响
使用Figma MCP对模型的表现有显著影响。GPT 4.1在调用Figma MCP后效果提升明显，而Claude 3.7则在使用后实现了更高的还原度。这提示用户在进行设计稿还原时，合理利用工具可以显著提高生成代码的质量。
DeepSeek R1的局限性
尽管DeepSeek R1在复杂逻辑推理任务中表现强大，但在设计稿还原场景下却未能达到预期效果。这可能与其对图像识别的支持不足有关，用户在选择模型时需考虑其适用场景，以避免不必要的时间和资源浪费。
延伸问答
在代码生成方面，哪款模型表现最好？
Claude 3.7 在复杂页面还原中表现最佳，特别是在使用 Figma MCP 后效果显著提升。
GPT 4.1 在使用 Figma MCP 时的表现如何？
GPT 4.1 在使用 Figma MCP 时有所改善，但仍未能完全还原设计稿。
DeepSeek R1 在设计稿还原中的表现如何？
DeepSeek R1 在设计稿还原场景下表现不佳，但在其他推理任务中表现强大。
使用 Figma MCP 对模型的影响是什么？
使用 Figma MCP 后，GPT 4.1 和 Claude 3.7 的效果都有明显提升，尤其是Claude 3.7表现更佳。
三款模型在设计稿还原中是否能达到100%的还原率？
无论是否使用 Figma MCP，三款模型都未能 100% 还原设计稿。
Claude 3.7 在生成代码时遇到什么问题？
Claude 3.7 最初试图一次生成完整代码，但出现了 edit_file 错误，自动调整为按部分生成。
