0 figma 和前端介入,设计到后端到交付的一次流程记录。
休假期间临时接了一个从 0-1 构建官网的 Blog 模块的活。又 get 了全新的自信。
原来负责这块的人离职了,前端页面、构建流程、后端数据对接,一下子全摊在桌上。换以前我看到这种任务,脑子里大概会先弹出一个红色警告:非本专业,请勿靠近。
这次还是会紧张,但感觉不一样了。更像是站在一片雾前面,知道路应该在里面,只是现在看不见。那就先往前走两步,问 AI,查资料,看报错,再走两步。
最有意思的是,这次 Figma 全流程 0 介入。整个过程大概花费 6 个小时,感觉自己还有点磨叽了。
一开始我还试图走传统流程,让 Cursor 接 Figma MCP 先出个设计稿。结果做出来的东西很微妙,属于那种你看完会沉默,然后决定假装没发生过的程度。
后面索性干脆不画稿了,直接给他后端接口文档+需求描述让它把前端页面搭起来。我就在真实页面上改:结构别扭就拆,间距不舒服就调,数据接不上就继续扒接口。页面一边长出来,一边被修理。
最后博客页真的跑起来了。构建通了,数据也接上了。
这件事最爽的地方,不是 AI 替我省掉了学习,而是它让我不用站在门口发呆。它先递给我一个很粗糙的入口,我钻进去,一边撞墙一边学。等回头看的时候,发现那团雾已经被自己走出一条路了。