开发者用Claude Code搭出免费设计工作室，替代Figma付费

X用户@thegreatest_sv称自己花了数周时间，把Claude Code改造成了一套设计工作室，不需要Figma授权、不需要外包设计公司，也不需要购买任何付费插件。他分享的整套工具栈非常简单。

第一步是用graphify导入品牌资产。把品牌指南、logo、PDF文件和过往项目全部放进同一个文件夹，graphify会把这些内容转成知识图谱，让Claude每次生成的设计都遵循品牌规则，而不是靠猜测。这个项目在GitHub上有13.4万星，来自Y Combinator孵化的团队。安装命令是uv tool install graphifyy，安装完成后运行graphify install，再执行/graphify .即可导入当前文件夹的内容。

第二步是Figma-Context-MCP，直接把Figma文件转成代码。它会把真实的Figma文件直接交给AI代理，项目说明里提到，这种方式可以一次性生成设计，效果比粘贴截图好得多。

第三步是Penpot，开源版Figma。它完全免费开源，自带的MCP服务器可以让AI读取和编辑设计稿，再把设计稿转成代码，也能反向把代码导回设计工具。

第四步是React Bits，免费做出高端网站的视觉效果。这是目前最大的开源React动画组件库，高端网站上常见的平滑悬停效果、文字动画，直接复制粘贴就能用。

第五步是HyperFrames，把设计转成动态视频。由HeyGen为AI代理开发，写完HTML就能导出完整视频，落地页的宣传视频当天就能做完。安装命令是claude plugin marketplace add heygen-com/hyperframes，再执行claude plugin install hyperframes@hyperframes。

第六步是MCP for Blender，不用学Blender就能做3D效果。它把Claude和Blender连接起来，描述想要的场景，AI代理就能实时生成和编辑3D内容。

他总结的可用工作流顺序是：先把品牌资产导入graphify，在Figma或Penpot里完成设计，Claude用React Bits生成代码，HyperFrames制作宣传视频，最后用Blender添加3D主视觉。

他提到一个现实的变化：过去工具本身是竞争壁垒，现在这些工具人人都能免费拿到。现在能区分优质设计和AI粗制滥造内容的，只剩审美，而审美是没法通过安装工具获得的。