8年B端复杂系统设计 × 10+AI工具深度集成
将 Cursor、Pencil、Gemini 注入设计全流程，让效率与品质倍增。
设计-研发一体化专用工具链
我的 AI 工具链全景
悬停查看具体用例
AI 增强设计流程
传统 B 端流程 vs AI 增强流程 · 周期缩短 50%
- 1需求评审
- 2原型设计
- 3多轮评审
- 4切图与标注
- 5交付开发
- 6联调与返工
- 1需求 + AI 生成原型
- 2人机协作优化
- 3AI 生成代码/组件
- 4开发微调与联调
AI 介入关键节点
案例实证：AI 如何落地
精选 3 个案例，展示 AI 在实际项目中的贡献点与成果
- 用 Cursor 生成数据看板 html 原型，联调效率 +25%。
- 用 Gemini 分析竞品可视化，优化图表层级与配色。
- 用文心一言优化界面文案与提示语，填单错误率 -15%。
- 用 Cursor 生成审批进度卡片组件，与设计稿一致。
- 用 Gemini 推演「产业链区域对比」展示方式，采用热力图 + 气泡图组合。
- 用 Pencil 快速产出可演示原型，评审一次通过。
案例 1 · AI 过程展示
提示词示例：「生成一个带筛选与分页的数据表格 React 组件，支持状态徽章与操作列。」
AI 生成结果经人工微调后，与设计稿匹配度达 85%，联调时间缩短约 25%。
此处可放置：提示词截图、AI 生成结果、人工优化前后对比图。
案例 2 · AI 过程展示
文案优化提示词示例：「将以下审批状态改为用户易懂的短句，不超过 8 个字。」
文心一言输出多版方案，人工选取并统一规范，填单错误率下降 15%。
案例 3 · AI 过程展示
与 Gemini 对话：「如何展示产业链区域对比？数据为各省份多指标。」
AI 推荐热力图 + 气泡图组合，并给出配色与图例建议，经人工落地为高保真看板。
AI 驱动数据可视化
「让复杂数据会说话。」
① 原始数据
Excel 表格截图（密密麻麻的数字）。此处可替换为实际表格截图。
② AI 推演过程
与 Gemini 对话：「如何展示产业链区域对比？」AI 推荐热力图 + 气泡图组合。此处可放置对话截图。
③ 最终设计
高保真可视化看板，标注「AI 方案 + 人工优化」。此处可放置看板截图。
点击切换图表类型，查看 AI 推荐的注释与使用场景说明（此处可接真实图表组件）。
量化 AI 效能
数据看板风格 · 基于实际项目统计
基于 Cursor 生成原型，平均每个项目减少约 2 天返工。
AI 提示词实验室
你也可以试试我的 AI 设计提示词
未来思考：AI 与 B 端设计
AI 不会取代设计师，但会用 AI 的设计师将取代不会用的。在 B 端领域，AI 的应用远不止于生成界面——未来我将重点探索：
AI 辅助权限系统设计：自动生成 RBAC 模型的可视化方案。
AI 驱动的无障碍设计：智能识别界面中的可访问性问题。
AI 与设计系统共生：让组件库能根据业务需求自我进化。
我愿做那个在技术与设计交叉地带持续挖井的人。