启动新项目最快的方法,尤其是在你想复制现有产品并在此基础上迭代开发的情况下:
-
使用 Magicpath Chrome 扩展程序。通过此扩展程序,您可以选择网页上的元素并将其复制粘贴到 Magicpath 中。它会自动生成一个可供使用的 React 组件。但是,它有一个限制:虽然您可以查看组件,但除非您付费使用 Magicpath,否则无法导出代码。输出效果相当不错。相信我,我尝试过很多代码生成工具。它们仍然难以访问网站并复制整个页面或单个组件。而且,我知道 Cursor 现在可以识别您的浏览器,但它仍然无法正常工作。
-
Figma Make -> Figma Design -> Claude Code 另一种方法是截取所需组件的屏幕截图。然后,打开 Figma Make,让它根据截图创建组件。您可以一键将组件从 Figma Make 导出到 Figma Design。如果您是一位更喜欢在 Figma 中工作而不是编写代码的设计师,这种方法能让您拥有更大的控制权。之后,您可以直接在 Figma 设计环境中完善组件。设计完成后,准备开始构建时,您可以使用 Figma MCP + Claude Code 客户端来构建一个可运行的原型。