AI 怎么高效开发 C 端页面？

[imingyu]

我现在使用 copilot 开发后台页面或者后端 API 都非常顺手，前者对 UI 要求不高，后者没有 UI ，AI 很容易满足需求。

C 端页面往往是先有设计稿，我们要根据设计稿实现页面，虽然可以把图片丢该 AI ，但 AI 实现的效果真实一言难尽，很难做到像后台或 API 那样一遍过。

你们有什么方案能做到高效开发 C 端页面吗？

[realpg]

AI 做 UI, 尤其是做 web 前端, 不适合用传统设计模式

实践最好的经验是, 给 AI 选定前端库, 然后告诉他显示要素 以及大致你想让他用什么类型的组件 是 select toggle input 之类 让他给你生成基准粗界面

然后把基准粗界面截图, 交给设计师, 让设计师在这个基础上进行完善, 同时给设计师前端 UI 组件的文档页 让他结合文档也的 sample 直接以调整字号的方式来做

之后对着设计稿 让 AI 去二次调整 配合截图

[TArysiyehua]

可以使用 figma 的 mcp 功能，给 ai ，让 ai 解析你当前的设计稿

[bigbone123]

@TArysiyehua 效果怎么样？ position 和 flex 等处理怎么样