
一、案例背景
最近有个客户需要定制化一套HR系统,涵盖基本人事,考勤、薪酬和绩效等功能,同时加上系统管理功能,喜欢蓝色商务风。请懂原型设计的朋友设计了快2~3周,客户也不满意。
二、具体步骤
很简单,一共两步:第1步请DeepSeek生成提示词,第2步请Readdy生成原型系统,用时10分钟。
1. 请DeepSeek帮忙准备提示词
①给DeekSeek指令
“利用Readdy.ai快速搭建HR系统原型的完整指南”;
提示词
“我需要一个企业HR系统的主仪表盘,包含以下元素:
-
顶部导航栏,有logo、用户头像和通知图标
-
左侧垂直菜单,包含'员工管理'、'考勤'、'薪资'、'绩效'等主要模块入口
-
主内容区显示统计卡片:员工总数、今日出勤率、当月薪资总额
-
采用专业蓝色调配色方案,符合企业应用风格"
2. 请Readdy帮忙构建HR系统原型
①注册与项目创建
如果没有账号,第一次需要注册一下。访问Readdy.ai官网并注册账号(免费版提供500点数,足够原型设计使用):
-
登录后点击"新建项目",选择"Web应用"模板
-
为项目命名,如"DHR原型图"
②生成主界面框架
在Readdy.ai的输入框中,把DeekSeek给出的要求粘贴过来:
“我需要一个企业HR系统的主仪表盘,包含以下元素:
-
顶部导航栏,有logo、用户头像和通知图标
-
左侧垂直菜单,包含'员工管理'、'考勤'、'薪资'、'绩效'等主要模块入口
-
主内容区显示统计卡片:员工总数、今日出勤率、当月薪资总额
-
采用专业蓝色调配色方案,符合企业应用风格"
Readdy.ai将在几秒钟内生成多个设计方案供选择。预览后选择最符合预期的一个,点击"使用此设计"
③创建员工管理模块
员工管理是HR系统的核心,我们可以通过以下步骤快速构建:
- 项目中新建页面,命名为"员工列表"
- 输入提示:"生成一个员工数据表格页面,包含员工ID、姓名、部门、职位、入职日期、状态(在职/离职)等列。表格上方有搜索栏和'添加员工'按钮,右侧有筛选和导出功能"
- Readdy.ai将生成一个功能完整的员工列表界面,包含分页、排序等交互元素
继续添加"员工详情"页面:
依次类推,按照DeepSeek的提示词,设计考勤管理功能、构建薪资计算模块、添加系统管理功能。
三、DHR原型展示
按照DeekSeek提示,复制+粘贴,喝口茶的功夫,系统设计好了:

这个是操作视频:
前前后后只花了10分钟,就生成了一个有UI有交互的完美的DHR原型系统,很多细节超出我们的要求,非常神奇。
大家不妨用上面的步骤借助DeekSeek+Reddy做一个自己喜欢的系统的原型,相信一定是惊艳的。
此外我们要求Readdy生成员工档案请其它页面,也非常的出色:

AI已经是一项不可或缺的核心技能了。
本篇文章来源于微信公众号: iHRClub
文章评论