0+
单条最高播放
说明选题、封面和前几秒节奏已经能撬动真实流量。
持续增长↑
IDEA TO
LIVE SYSTEM
Idea / Agent / Launch / Case
UI/UX + 视觉设计师 — 用 AI 把想法变成可运行的产品
Scroll
Selected Case Reel
作品不是陈列
是每一次判断
不是做得多的就放上来，而是每一个项目都在回答：当时为什么这么选、最后做对了什么。
MEDIA
Content Studio
用内容平台
验证表达能力
自媒体不是网站主线，但它能证明我对“注意力、封面、标题、节奏和用户停留”的理解不是停留在理论里，而是在真实平台里跑过。
0+
抖音粉丝
约 1 个月冷启动，持续测试漫剧包装和短视频节奏。
持续增长↑
0+
小红书粉丝
约半个月起号，用封面和笔记表达测试内容种草效率。
持续增长↑
01
短视频 / 爆款表达 / 节奏剪辑
开头停留测试
前 3 秒决定用户去留——测试不同钩子、情绪节奏和剪辑方式对完播率的实际影响。
02
漫剧 / 叙事包装 / 账号内容
封面期待建立
封面不是装饰，是内容的第一句台词——用标题感和视觉氛围建立点击期待。
03
漫剧 / 内容运营 / 视觉表达
表达方法沉淀
同一内容方向，不同包装策略——把播放数据、评论反馈沉淀为可复用的表达方法。
Profile Archive
经验不是履历
是方法的来源
我不想把经历写成公司列表，而是把它拆成能力来源：商业视觉训练了审美判断，产品项目训练了系统思维，AI Agent 工作流让我把想法更快变成可运行的结果。
9年
设计经验
商业视觉、UI 设计、AI 产品与内容表达的连续积累
4类
行业场景
游戏、出行、财税科技、AI 工具与个人内容项目
1条
能力主线
从视觉执行走向产品体验、系统搭建和内容叙事
01/2023.09 — 2026.04
杭州微风企科技有限公司
主导 Wbit AI 助手平台 0-1 设计，从数字人角色、对话入口、任务卡到深色工作台规范，完成一套面向小微企业的 AI 产品体验框架。
设计组长
AI产品设计｜0-1搭建｜品牌设计｜团队管理
02/2021.07 — 2023.03
滴滴出行科技有限公司
负责新桔代驾 IP 体系、会员权益页面和运营视觉，把平台业务转译成更容易被用户记住的品牌资产。
UI + 视觉设计师
IP设计｜营销设计｜会员体系
03/2020.04 — 2021.07
杭州兑吧网络科技有限公司
负责游戏视觉、运营活动和银行合作项目，在高频营销需求中训练视觉表达、信息组织和快速交付能力。
UI + 视觉设计师
游戏视觉｜品牌合作｜运营设计
04/2016.11 — 2020.04
杭州顺网科技股份有限公司
负责官网、客户端页面和活动专题视觉，积累了早期网页设计、运营转化和多场景视觉落地经验。
UI + 视觉设计师
网页设计｜游戏视觉｜运营设计
Systems & Tools
工具不是插件
是交付方式
AI Agent 最有价值的地方，不是替我做完一个页面，而是把需求拆解、文件修改、版本验证和内容整理变成一条可以反复调用的工作流。
AI Collaboration Workflow
我的 AI 协作工作流
AI 是我的协作伙伴，而不是替代者。我根据不同阶段的需求选择最合适的模型，建立了一套从产品思考到持续迭代的 6 步工作流。
01
产品思考
定义问题、用户画像、信息架构，建立设计约束
ChatGPT
02
体验策略
梳理信息层级、用户路径、模块职责
ChatGPT
03
视觉设计
Design System、组件、排版、视觉层次
Figma
04
AI 协作开发
模块化搭建，每个模块：设计→开发→Review→修改→验证
ClaudeCodexVS Code
05
AI 评审
不同模型承担不同角色，各司其职
ChatGPTClaudeCodex
06
持续迭代
上线是起点，持续优化体验、文案、交互、性能
All Tools
ChatGPT
产品讨论 · UX 思考 · 设计评审 · 信息架构
Claude
长上下文推理 · 代码理解 · 架构优化 · Code Review
Codex
前端开发 · Demo 搭建 · Bug 修复 · 快速验证
Figma
Design System · 组件库 · 视觉设计 · 原型
VS Code
开发环境 · 调试 · 部署
AI 加速执行，而设计始终由人的判断驱动。
让合适的 AI 做合适的事情，设计师负责决定产品方向。
SYSTEM 01
AI 协作搭建个人网站
这个网站本身就是 AI 协作的产物。用 Claude Code 搭架构、写组件、调样式，用对话迭代文案和信息层级，我负责判断方向、校准审美、决定取舍。
Problem
传统作品集是静态 PDF：展示结果，但看不到过程。我想做的不只是一个展示页面，而是一个能同时证明「我做过什么」和「我怎么工作」的可交互系统——而且这个系统本身就得是 AI 协作的证据。
Method
把 Claude Code 当作一个能写代码的设计协作伙伴：我描述结构和意图，它生成组件和样式；我审查视觉结果，它根据反馈修改。整个过程是对话式的，不是一次性的。
Result
这个网站从第一行代码到上线，全程在 VS Code + Claude Code 中完成。它不只是作品的容器，它本身就是作品——证明一个设计师可以用 AI 协作完成从信息架构到前端实现的全流程。
SYSTEM 02
Flow2Figma 插件
一个面向设计工作流的效率工具：将复杂流程图从截图、代码或结构描述中重新整理为可进入 Figma 的清晰版式，减少重复描摹，把时间留给信息判断与方案优化。
Problem
在产品、运营和研发协作中，设计师经常需要把低保真的流程图、截图或临时文档重新整理成规范稿。真正消耗时间的不是画框，而是反复对齐、重排、校正文案层级与连接关系。
Method
我把它设计成一个小型工作流工具，而不是单纯的转换脚本：先识别流程结构，再用稳定的 HTML/CSS 盒模型生成可预测版式，最后把节点、连接、层级和间距整理成更适合 Figma 继续编辑的结果。
Result
插件把流程图整理从重复劳动变成半自动工作流：设计师可以先获得一个可编辑、可校准的基础稿，再把精力放回流程逻辑、信息层级和协作沟通上。
Thinking Notes
把过程
写成方法
这些文章不是为了凑内容，而是记录我如何和 AI Agent 协作、如何判断设计方案、如何把一次项目复盘成下一次能复用的方法。
Contact / Collaboration
LET'S MAKE
IDEAS VISIBLE
如果你正在寻找一个既能做视觉判断，也能理解 AI 产品和交付流程的设计师，我们可以从一个具体问题开始聊。