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

23 天前
 imingyu

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

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

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

1177 次点击
所在节点    程序员
4 条回复
realpg
23 天前
AI 做 UI, 尤其是做 web 前端, 不适合用传统设计模式

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

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

之后对着设计稿 让 AI 去二次调整 配合截图
TArysiyehua
23 天前
可以使用 figma 的 mcp 功能，给 ai ，让 ai 解析你当前的设计稿
bigbone123
23 天前
@TArysiyehua 效果怎么样？ position 和 flex 等处理怎么样
visper
22 天前
叫设计师自己用 AI 来写前端，自己调整好静态 html.

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1174931

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX