即刻圈子-产品经理的日常 10月16日 07:01
产品复刻:cursor与Figma结合构建前端框架
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了利用cursor和Figma技术,通过htmltofigma和figma mcp将产品页面转为前端框架的过程,并使用next.js等技术栈进行构建,最后实现快速响应用户需求。

用 cursor 直接把我负责的产品完全复刻了一个前端框架。

现在画原型,基本上是指哪打哪。

复刻的步骤是,用 htmltofigma 把产品的重要页面转为 figma 设计。

用 figma mcp 连接到 cursor,输出这几个页面的前端版本。

在这几个页面基础上,使用 next.js 或其他技术栈构建完整的前端框架,最后再添加其他页面。

之后,用户或业务提需求,就先让他们把需求描述清楚,发给 cursor 的这个项目,输出 demo 。

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

产品复刻 前端框架 cursor Figma next.js
相关文章