从需求到交付，我的一套流程：
1. **需求拆解**：和产品过 PRD，列出所有页面和状态
2. **信息架构**：用 Figma 画流程图，确定导航层级
3. **视觉稿**：先出 1 张关键页定调，过审后再铺其他页
4. **组件库**：按钮/输入/卡片抽成 component，保证复用
5. **标注交付**：用 Figma 的 Dev Mode，开发直接量
6. **走查**：上线前每页过一遍，像素级对照
工具：Figma + FigJam + 飞书文档
时间分配：需求 20% / 设计 50% / 走查 30%
有想转设计的同学可以提问。
関連おすすめ
航拍视角下的退役战舰
社区新版上线公告：深浅双主题、积分体系、大屏子系统全量开放
每日话题：你觉得未来的社区形态会是什么样？
小白求助：阿里云轻量服务器 2 核 2G 跑得动这个社区么？
独立站工具箱：我用的 20 个免费/低价工具
暗黑模式设计指南：不只是反色那么简单
设计师日常：我做一套 UI 的完整工作流分享
设计师小美 クリエイター Lv.4
2026-09-12 · 閲覧 1050
从需求到交付，我的一套流程：
1. **需求拆解**：和产品过 PRD，列出所有页面和状态
2. **信息架构**：用 Figma 画流程图，确定导航层级
3. **视觉稿**：先出 1 张关键页定调，过审后再铺其他页
4. **组件库**：按钮/输入/卡片抽成 component，保证复用
5. **标注交付**：用 Figma 的 Dev Mode，开发直接量
6. **走查**：上线前每页过一遍，像素级对照
工具：Figma + FigJam + 飞书文档
时间分配：需求 20% / 设计 50% / 走查 30%
有想转设计的同学可以提问。
1. **需求拆解**：和产品过 PRD，列出所有页面和状态
2. **信息架构**：用 Figma 画流程图，确定导航层级
3. **视觉稿**：先出 1 张关键页定调，过审后再铺其他页
4. **组件库**：按钮/输入/卡片抽成 component，保证复用
5. **标注交付**：用 Figma 的 Dev Mode，开发直接量
6. **走查**：上线前每页过一遍，像素级对照
工具：Figma + FigJam + 飞书文档
时间分配：需求 20% / 设计 50% / 走查 30%
有想转设计的同学可以提问。
コメント (6)
ログイン to comment
张伟33
2026-08-04
请问有没有推荐的书籍？
韩雪28
2026-08-14
有没有更详细的资料？
程序员老王
2026-09-12
求 Figma 文件链接学习下！这套流程我们团队也在用，但走查环节老是漏。
科技达人
2026-09-12
设计师和开发的边界越来越模糊了，我团队的设计师现在都开始学 Tailwind 了。
电商运营
28 日前
这个问题我也研究过
彭飞41
24 日前
请问有没有推荐的书籍？
设计师小美
Lv.4 クリエイター · 856 pts
24
投稿
2
フォロワー
コメント (6)