UI 和网页设计怎么做？
7 条做法，来自 7 位实践者，这周新增 2 条
做法
- AI 能生成界面，那它凭什么值得在意AI 按设计系统拼界面时，同一组件在不同场景该给不同回应，判断依据是用户做了什么、多久做一次、是否希望产品当回事。
设计系统代码化同构：设计师如何用 AI 把 Figma Token 填进真实业务组件把 Figma Token 拆成基础层与语义层：基础层只留色阶，语义层按界面角色命名，用提示词让 AI 先给映射方案再改代码。
Oil UI Skill 更新了新版本，这次主要优化了用于中后台设计的能力，并且把先用 AI 生成 UI 设计稿，再用代码还原结先生成 UI 设计稿定版式配色，再让模型只参考骨架写代码，按网页尺度拉开间距调字号。
老系统改版避坑：AI 全量重画 vs 局部增量修改，前端看哪个想打人老系统加功能别让AI全量重画：截线上真图当底图锁住不变部分，只生成增量弹窗的HTML浮层，再用流程画布摊开分支评审- Show HN：搭建你自己的主题公园给模型现有组件还不够：另设评分表让评审Agent逐项打分，再按失败项更新规则与skill文件重试，这套评测循环能把生成结果拉到可用。
UI前端交付指南：AI生成可编辑设计稿、组件变量、状态说明与React代码交付前补齐列表与表单的加载、空态、异常等状态和关键断点，把团队规范写成 Design.md 再让 AI 生成。
网上说装了就好看哭了的设计 skill，我让三家 AI 做了 18 个网页18 个网页实测：装设计 skill 只增耗时与费用还砍掉中文宋体，改用主图右置人物左留白再图生视频铺首屏。