看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
一个人能完成整套产品的设计师,是怎么工作的?
Mihirwang
北京
/
交互设计师
/
333天前
/
103浏览
版权
私信
关注
一个人能完成整套产品的设计师,是怎么工作的?
Mihirwang
关注
过去,一个产品从 0 到 1 通常需要一个完整团队:
产品经理、设计师、前端工程师、后端工程师、测试……
每个环节需要沟通、对齐、反复修改,流程复杂、成本高昂。
但在 AI 时代,这种模式正在悄然改变。
你可能很难想象,如今
一个人
真的可以完成过去需要五六个人才能完成的整套产品流程。
作为一名同时具备
产品思维 + UI/UX 设计 + 前端开发 + 技术实现能力
的全栈产品设计师,我几乎把所有项目都在
Claude Code
中独立完成,而 AI 让我从“小团队模式”升级为“一个人 = 一个团队”。
这篇文章,我会完整分享我如何从 0 到 1 做出一个可上线的产品,
以及 AI 在其中扮演的角色。
01|从需求到产品:用 AI 快速锁定方向
过去写 PRD 是一个耗时且痛苦的过程:访谈、需求拆解、文档整理,再到信息架构……但现在,我只需要一个输入:
需求 → Claude Code 自动生成结构化 PRD
AI 输出内容包括:
用户角色与场景
用户故事
功能需求与边界
业务流程图
信息架构(IA)
风险点、约束条件
未来扩展方向
这让我可以在 10 分钟内完成一份过去要 3 小时以上的 PRD,且质量更稳定、更结构化。
我不再从空白开始,而是从“高质量草稿”开始。
02|从概念到界面:用 AI 完成 UI/UX 草稿生成
设计阶段过去非常耗费体力:画低保真、画高保真、推敲布局、做组件……
但现在 AI 大大改变了工作方式。
Moonchild AI:输入 PRD → 自动生成多套 UI 方案
它能自动生成:
不同布局方向
响应式版本(移动、平板、桌面)
关键流程的完整页面(如注册、密码重置、空状态等)
初版组件和视觉元素
Moonchild 的价值不在“替设计师”,
而在于
跳过空白画布阶段
,让你直接从“优化设计”开始。
Affinity Studio:负责所有非 UI 的图形工作
Affinity 已完全免费,它是我做这些工作的主力:
图标设计(替代 Illustrator)
主视觉 / 合成图(替代 Photoshop)
案例研究 / PDF 文档(替代 InDesign)
现在我用它来:
做产品封面
做营销主视觉
做作品集中的关键图形
做模型图
AI 负责生成灵感,我负责设计判断。
03|从界面到代码:AI 生成基础前端框架
我不是一个人在写代码,而是“我 + Claude Code”共同写。
AI 自动生成组件:React + Tailwind + shadcn
我会让 Claude Code生成:
页面布局
导航栏、侧边栏
按钮、输入框
数据列表、表格
动画交互
表单逻辑
AI 给我可运行的基础代码,我再进行优化、封装、重构,让它真正适配项目架构。
真正省下的是:
结构重复、样式重复、逻辑重复的部分。
我做决策,AI 做执行。
04|从前端到后端:API、数据、AI 功能自动化生成
在 Claude Code 中,我可以:
自动生成:
API 路由
CRUD 接口
数据结构
Mock 数据
OpenAI / Claude / 自建模型的 API 封装
状态管理逻辑(Zustand / Context)
我再做审核 + 修改,整个开发速度提升 3–5 倍。
05|从开发到发布:10 分钟完成部署
部署过去是最“反人类”的环节,但现在我只需要:
让 AI 写部署配置
提供环境变量格式
输出 build 优化建议
一键推送到 Vercel / Netlify
整个上线流程从“一个下午”缩短到“十分钟”。
一个人上线一款产品,不再难。
06|从发布到迭代:AI = 24 小时不下线的测试工程师
我会让 AI:
模拟 10 个不同用户角色
自动遍历所有功能路径
输入边界值
找 UI/交互/逻辑错误
给出修改建议
这比手动测试更彻底,也更快。
07|为什么 AI 时代,一个人能做完整套产品?
因为这不是“一个人在干活”,而是:
产品 × 设计 × 前端 × AI × 自动化的叠加能力
在这个模式下:
产品经理:AI 提供草稿,我做判断
设计师:AI 生成方向,我做选择
前端工程师:AI 写代码,我做架构
测试工程师:AI 自动遍历,我做验收
AI 不是替代我,而是给了我“四个额外的自己”。
AI 时代的全栈产品设计师,不是“会画界面的人”,而是能“独立建造产品的人”。
如果你也想成为这样的人,你可以从这 3 步开始:
用 AI 接管重复劳动
:代码、文档、设计草稿
建立个人工作流
:Claude Code + Moonchild + Affinity + Subframe
用一个小项目练到极致
:从 0 到 1 完整跑一次
你会发现,
你不再需要一个团队,你就能完成一个团队的产出。
1.Claude Code:https://www.claude.com/product/claude-code
2.Moonchild:https://moonchild.ai/
3.Affinity:https://www.affinity.studio/
4.Subframe:https://www.subframe.com/
5
举报
|
声明
3
分享
原创文章
AI创作
设计师
AI
干货
相关推荐
换一换
不用试衣间,喜欢的衣服 “一键穿” 在身上—AI 换装
66
Mihirwang
软 fufu 小羊在线营业,每声咩咩都戳心巴!- IP形象
77
Mihirwang
《Nano Banana出图+海螺AI生成视频:Q版阿福的故事》
55
Mihirwang
会员精选
旅行小狗🐕第一站|北京故宫博物院
87
likewaterlike
推广
2020-2025作品集整理
13
Mihirwang
关注
IP形象及IP内容
7698
蔡蔡文化
UI UX作品集
18
Mihirwang
电商网页
46
Mihirwang
古学研究微信小程序
198
Mihirwang
电商APP
49
Mihirwang
2019年作品集整理
101
Mihirwang
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
Mooden桌面充电站
167
伍点六十
把随手拍的照片做成海报|合集一
287
设么鬼Design
北京银行·京彩(圆圆) 百景惠民
129
LOSEN_SSS
啤气研究所 BEERQI LAB|果味精酿品牌全案设计
160
西茵
百年回力-“F”仔
337
白獅
好也视觉 X 优篮子 | 便携支架详情视觉×2
127
好也视觉_AI
相关收藏夹
换一换
关注
IP形象及IP内容
7698
蔡蔡文化
关注
中国风元素插画
507
蔡蔡文化
关注
品牌vi完整思路and呈现方式
1780
废才
关注
地产VI
1731
喾二
关注
设计的方法论
1013
jamylee
关注
国潮&国风
6504
曜Shea
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
it设计师
设计师by
设计师
#设计师
设计师+
设计师、
设计师
设计师‘’
#设计师#
设计’
设计in
in设计
it设计
AS设计
by设计
a设计
、设计
设计、
设计
#设计#
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
设计】
设计,
设计
@设计
an设计
设计
🤮设计
设计 、
设计/
设计|
设计.
登录注册
5
登录即可同步推荐记录哦
3
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享