UI设计 的标签存档
用 Codex 做一张真正能比较的新品规格页：触屏 MacBook Pro 实操案例
admin
从 Apple 官方配置与产品图出发，用 Codex 写单文件响应式对照页。含可复制提示词、筛选交互、手机截图、事实校验与常见失败修正。
用 Codex 做一张可点击的城市地图：三站数据、提示词与手机回退实作
从三处坐标和一段可复制提示词开始，本站做出桌面与手机可点击的巴黎城市散步地图，并实测修复了移动端空白地图，讲清数据、交互、署名与上线边界。
Figma Specs 配合 Codex 生成 UI：把设计意图交付成可验收页面的 6 步教程
用 Figma Specs 写清目标、状态和文案，再交给 Codex 生成 UI 并做三视口与异常路径验收；附可复制规格模板和提示词。
用 Codex 生成可解释的 AI 推荐设置 UI：预览、确认与撤销的 6 步教程
从自然语言偏好到预览卡、状态合同、Codex 提示词、组件结构和三视口测试，做一个能确认、能撤销的 AI 推荐设置界面。
AI设计日报｜2026年10月15日：Figma Make 模型、AI 设计画布与可控代理界面
五条官方 AI 设计更新：Figma Make 模型切换、MagicOS 画布、Lovable 浏览器代理、Google Play 私人应用与 Meta 推荐控制。
用 Codex 做有分寸的 UI 微动效：从状态表到低动态测试的 6 步工作流
用一个保存按钮演示 Codex UI 微动效完整工作流：状态表、可复制提示词、CSS、reduced-motion、Playwright 与三视口验收。
用 Codex 同步 Figma 设计 Token：7 步让变量、CSS 与组件不再漂移
从Figma Variables和DTCG JSON出发，用Codex审计、转换和迁移设计Token，再以Playwright固定视觉回归证据。
用 Codex 生成可访问表单 UI：7 步覆盖键盘、错误与自动测试
用Codex生成真正可访问的表单UI：从原生语义、错误文案和焦点管理开始，再用Playwright与axe覆盖键盘路径和自动测试。
用 Codex 把假数据 UI 接成真页面：7 步覆盖五种状态
从接口契约、状态矩阵和数据适配层开始，用Codex接入真实API，并用Playwright覆盖loading、empty、error、权限与成功状态。
把审美写成规则：用 Codex 生成一致 UI 的 6 步工作流
把Figma式设计判断写进AGENTS.md：用状态矩阵、组件与token审计、固定截图和Playwright，让Codex持续生成一致、可验收的UI。