UI设计进阶⏱ 1天📋 5 步

AI 辅助 UI 设计

用 AI 生成 UI 设计方案，快速迭代界面原型

适用 App:
🎨Figma🟤Claude🌐Chrome💙VS Code
UI设计AI设计原型界面设计

📋 详细步骤

1

需求分析

梳理功能需求和用户场景

推荐工具:product-manager-toolkitSKILL→
输入: PRD→输出: 需求分析
2

AI 生成设计方案

根据需求生成多套 UI 设计方案

推荐工具:frontend-designSKILL→
输入: 需求分析→输出: 设计方案
3

原型搭建

快速搭建可交互的原型

推荐工具:browser-useMCP→
输入: 设计方案→输出: 交互原型
4

设计评审

团队评审并收集反馈

推荐工具:feishu-docMCP→
输入: 原型链接→输出: 评审意见
5

迭代优化

根据反馈进行设计迭代

推荐工具:frontend-designSKILL→
输入: 评审意见→输出: 最终设计稿

需要定制化的工作流方案？

基于你的团队规模和业务场景，定制 AI 工具选型 + 实施路线图。

获取企业报告

工作流概览

场景
UI设计
难度
进阶
预计耗时
1天
总步骤
5 步
涉及工具
5 个

涉及工具

1product-manager-toolkit
SKILL
2frontend-design
SKILL
3browser-use
MCP
4feishu-doc
MCP
5frontend-design
SKILL

相关工作流

微服务监控告警
运维专家5 步
AI 全自动内容营销流水线
内容营销入门5 步
小红书种草营销
内容营销入门4 步
零代码数据分析全流程
数据分析入门5 步
AI Agent 安全防护体系
安全审计专家5 步