【调查】关于前端页面开发的一点问题

Vantalens 2026-06-10 15:30 1

不知道佬们都是怎么用 AI 写出好看的前端页面的,能分享一下经验吗

我有个不成熟的想法,就是做一个用于设计前端的软件,可以进行页面的布局,模块的规划,动画、字体和风格的自行定义(就像做 PPT 一样自己到处拖拽组件),以及各组件分别对应什么页面,然后将这个转为 md 文档,将这个文档扔给 AI 去进行代码的实现。我觉得这样比直接用 skill 进行设计更可控,理论上也可以降低 token 的使用量并减少和 AI 扯皮的时间

不知是否可行,希望和各位佬进行交流

如果有佬认可的话也希望能够进行合作

最新回复 (16)
  • Linus Torvalds 06-10 15:33
    1

    你说的类似figma、pencil、stitch这种吧,或者claude design,开源的有github的nexu-io/open-design、OpenCoworkAI/open-codesign等等

  • wisdomo123 06-10 15:35
    2

    试试skill: UI UX Pro Max 和 Frontend Design (Claude 出品 )

    二选一就行


  • gouzi 06-10 15:35
    3

    一般都是直接到网上找比较符合条件的skill

  • Kajivance 06-10 15:41
    4

    其实上古时期还没有ai的时候有这种东西,比如Java eclipse的windowbuilder,不过其实我也很奇怪为什么现在ai发展成这样没有一个集众家之所长的工具出现 ^-^



    做一个用于设计前端的软件,可以进行页面的布局,模块的规划,动画、字体和风格的自行定义(就像做 PPT 一样自己到处拖拽组件),以及各组件分别对应什么页面,然后将这个转为 md 文档,将这个文档扔给 AI 去进行代码的实现。


  • Vantalens 楼主 06-10 15:43
    5

    我也觉得,我觉得现在 AI 已经这么牛逼了,大家居然都习惯了任由 AI 把页面做成大同小异的样子

  • Kajivance 06-10 15:45
    6

    当年上学的时候windowbuilder用的这个爽嘞,拖拖拽拽而且当时就能自动转成代码了。讲真现在ai这么发达,做个前端反而依靠提示词和skill总感觉这条路走的有问题 ^-^

  • Vantalens 楼主 06-10 15:46
    7

    对啊,没有自己进行设计就全靠提示词去做页面,有点神

  • NumPy 06-10 15:49
    8

    讲真现在ai这么发达,做个前端反而依靠提示词和skill总感觉这条路走的有问题



    当然不是

    是现在要求变高了

    再拿出以前的界面你就看不上了


    现在的AI甚至是没一会就能做出拖拖拉拉的设计器





    这是gpt-image-2设计的界面,我觉得挺好看,挺满意。
    我拿着让Gemini去写界面描述,并把图片一并发给了codex。
    codex选择的是GPT-5.5,你看看他给我写的界面,这是啥嘛。。
    设计图片的是美观,制作出来是叙利亚风格
    怎么才能调教他们按照图片1:1的还原出来?
    开发语言是Go,写的Windows界面。
    [image]
    [image]


    可以看这个

  • NumPy 06-10 15:53
    9

    不过其实我也很奇怪为什么现在ai发展成这样没有一个集众家之所长的工具出现



    我感觉是时间还不够,能实现成当前这样已经是不错的了

    再等等

  • Kajivance 06-10 15:55
    10

    但是其实这种布局清晰的UI还是直接手动设计拖拽然后自动转成代码会更友好,各个组件放到哪里靠手拖就和ps一样,当然那种没布局结构的当我没说

  • peterzhao 06-10 15:59
    11

    你知道上古时期的dream weaver吗 ^-^

  • yachiyo 06-10 15:59
    12

    open design 这个项目也能解决你提到的部分问题

  • zuckchen98 06-10 16:02
    13

    上古时期的dream weav



    佬的不成熟想法我觉得这种是伪需求,真的会有人需要这样的UI吗。但是怎么用 AI 写出好看的前端页面这个我倒是有点体会,就是多去提高自己的审美,模仿那些你一眼看过去觉得好看的UI,然后多模仿就有感觉了

  • Vantalens 楼主 06-10 16:03
    14

    open design



    区别还是有点大,我是希望能够像是在画布上进行布局操作,和提示词工程快没关系了,除了最后生成供 AI 写代码用的 md 格式参考文件

  • Vantalens 楼主 06-10 16:04
    15

    dream weaver



    都快比我大一轮了,这个有点难绷 ^-^

  • ZAOM 06-10 16:07
    16

    果然,gpt横行的时代前端帖子会越来越多,奥特曼能不能给5.6多训点前端数据啊 ^-^

* 帖子来源Linux.do
返回