技术背景转战康奈尔HCI:我用AI打造的UX 工作流公开...

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

去年我们遇到一位学姐,她本科是匹兹堡的信息科学,硕士来到了康奈尔的MPS IS。她说——

“转交互之后,发现最焦虑的不是HCI理论课程,而是UI设计,是打开Figma都能让人头皮发麻。

做作品集,我一度以为必须从零开始补一整套视觉设计技能,但刷某书的时候,看到别人用AI画界面,我的第一反应是:真的假的?也太轻松了吧?”

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

我的AI工作流

一只梨的很多同学,也都像学姐一样是跨专业的。设计理论、软件操作、视觉排版等问题,都是他们在转行之后需要跨过的坎。技术背景、来自康奈尔的学姐,在看了网友的神操作之后,自己忍不住试了一下。

——“我这才意识到:原来不需要学完视觉设计课,靠AI我也能搞定UI部分的原型设计。”

这一整套流程跑下来,

从0到可交付原型的效率,比传统方式快了至少8倍:

  • 用Windsurf里的Claude或Lovable写PRD,生成初步结构草图;
  • 用插件导入 Figma 或 Visily 调整视觉 + 跑通交互流程;
  • Uizard 或 Galileo 用于补充页面 / 生成风格变体;
  • 输出 HTML / Figma 文件,作为作品集项目演示材料

“这篇文章是我亲测几款热门AI UI工具后的总结,尤其适合正在准备作品集、但对视觉输出一筹莫展的朋友。”

工具按阶段分成三类:小白入门、进阶选手、高级输出,我也附上了我自己的使用流程和踩坑经验,能直接抄作业用。

01

入门党首选

Uizard & Galileo

适合人群:0经验、需要快速搞出能展示界面结构的转专业小白。

如果你刚转专业、没碰过Figma,那Uizard 和 Galileo 是最适合起步的工具。比如在Uizard中,我只输入了一句话:“ 帮我做一个记录情绪的app,有登录页和首页。” 点一下「Create Component」之后,它就直接给我生成了下面这一套完整界面:

今日霍州(www.jrhz.info)©️

当然,这类工具也有个小缺点:风格有时候不太稳定,要么很简洁,要么莫名其妙复古。不过,如果只想快速做出一版能展示结构的页面,Uizard和Galileo已经很够用了 !

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

02

进阶选手必备

Windsurf+Claude 3.7

如果说Uizard和Galileo像是个没有感情的画图『机器人』️,那这一套组合拳更像一个懂设计的产品经理。当你下载Windsurf接入Claude 3.7模型,可以直接根据你写的PRD(产品需求文档)生成一套完整的页面流程。

今日霍州(www.jrhz.info)©️

比如我写了一段:“我要做一个线上摄影教学平台,用户可以注册、浏览课程、购买视频。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

那么接下来Claude就会自动生成注册页、课程页、详情页,还能给每个按钮安排跳转逻辑。不仅仅如此, 你还能告诉它风格偏好,比如“简约”、“女性♀️向”、“温暖感”,它会自动优化配色、字体和页面层次。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

生成完之后,它还能导出HTML页面,让你像浏览网站一样体验demo,演示给导师或面试官看,非常加分。当然,它有时候也会“太聪明” ,擅自加弹窗、乱用奇怪图标,甚至按钮都自动换了形状需要我们稍微盯着调一调。

今日霍州(www.jrhz.info)©️

03

高级输出神器

Visily/Figma插件组合拳

适合人群:需要精修作品集、准备投递、希望展示完整交互逻辑的进阶使用者。

前两步能快速出界面,但当你需要交作品集、展示项目逻辑,或者想精修细节时,Visily和Figma 插件组合拳就该登场了。

Visily是一个适合非『设计师』的原型工具,它可以拖拽组件出图、添加页面跳转、多人协作编辑。 适合你用来展示项目流程,做课堂展示、投递简历等正式场景。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

如果你想更进一步美化细节、调控视觉层次,那就进入 Figma 阵地。

配合html to Figma(自动把 HTML导入Figma)、Content Reel(一键填充真实姓名/头像)、Autoflow(连线画用户流程图)等插件,你可以把AI生成页面直接导入Figma微调,再配合Cursor + Vercel生成一个高保真可运行的 在线demo。

今日霍州(www.jrhz.info)©️

转专业

第一步怎么开始

说实话,很多人并不是不会设计,而是根本不知道第一步该怎么开始。我自己也是一路踩坑过来的,能用AI少走弯路的话,真的很值得!”

如果你也在准备申请、做项目、写作品集,欢迎来一只梨,看看我们整理的方向建议、模板和案例拆解,或者直接来后台聊聊你的问题,我们可以一起想办法。

今日霍州(www.jrhz.info)©️

早在10多年前,一只梨将目光锁定在交互领域。果然,交互设计成为了设计方向中就业最友好的领域之一。近两年,AI突然崛起,这个势头放在前几年大家都想不到。

一只梨创始人秦老师和培养了10+位卡梅学生的周导,对于《AI会不会影响设计就业》的问题展开了讨论,感兴趣的同学也可以点击下面的图片,了解他们对谈的详情。一定会给你启发。

往后,AI在可预见的时间里,一定是一直是热门技术,一只梨也会持续关注,不断分享前沿趋势和技术应用。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

一只梨base上海,谐音为“意志力”。——希望每一个学习设计的同学,都有对设计热爱的意志力和克服困难坚持下去的意志力。🍐是国内最早专注“艺术➕科技”的交互领域平台,针对世界Top20院校,涵盖从申本到博士的全链路国际创新人才培养,和产学研的有温度的长期无私帮助。

11年来,一只梨帮助数百位学员,实现设计梦想。以全球交互No.1的CMU为例:国内数量最多(总数30位+),申请成功率70%以上,人称“卡梅大陆承包商”。

今日霍州(www.jrhz.info)©️

藤校每年都稳定有20个左右案例。宾大IPD全国录取5人,其中4人都出自我们机构。且一只梨在本科申请上都是纽大、伦艺成果以上100%录取。

今日霍州(www.jrhz.info)©️

创始人15年亲自在一线教学,且被上海交大、清华大学、复旦大学、同济大学、西安美院等聘任的校外导师。一只🍐带着无我利他的专注在做教育,不做第一只做唯一。当大部分的教育机构和院校是在追逐Offer为目标的时候,一只梨关注的是职业规划教人找到工作,并且在这里甚至可以找寻人生。

今日霍州(www.jrhz.info)©️

| End |

编辑 | 一只梨

图片 | 官网/一只梨/网络

作品及图片版权©️归『设计师』本人和所服务企业所有,未经允许转载挪用,虽远必🐷

特别声明:[技术背景转战康奈尔HCI:我用AI打造的UX 工作流公开...] 该文观点仅代表作者本人,今日霍州系信息发布平台,霍州网仅提供信息存储空间服务。

猜你喜欢

央媒首部法制短剧点名郭宇欣,爆红不是巧合,而是靠硬实力(央媒首部法制短片视频)

她走的是最为传统的科班路线,从中戏毕业,拍过长剧,如《一念关山》《承欢记》,她曾在其中出现过,但大多只是些没有名字的配角,镜头一闪而过,观众看完便会忘记。这条微博简洁却充满分量,因为这部剧是央媒推出的首部法制…

央媒首部法制短剧点名郭宇欣,爆红不是巧合,而是靠硬实力(央媒首部法制短片视频)

Grows-P 设4U5超纯水机适合实验室科研吗?2026年最全超纯水设备选型攻略

2026年实验室科研需求升级,超纯水机选择成为焦点。Grows-P 设4U5超纯水机专为科研化验设计,但是否真正适合您的实验呢?本文为您深度解读其适用场景、核心参数、预算建议,助您科学选型。

Grows-P 设4U5超纯水机适合实验室科研吗?2026年最全超纯水设备选型攻略

2026新春必备:什么样的手写春联最耐用?洒金纯红面定制对联选购攻略(新年必备东西图片)

2026新春将至,如何挑选高质量手写春联?本文从材质、工艺、设计等方面深入分析,教你选到既美观又实用的理想春联,避免踩雷。

2026新春必备:什么样的手写春联最耐用?洒金纯红面定制对联选购攻略(新年必备东西图片)

告别视频里那句像做了一场梦施琰这次离开,其实是一次漂亮的回归(告别视频下载)

节目组却聪明地做了改变:他们让这些阿姨们唱歌剧,让那些大叔跳起机械舞,再把施琰这个信任的脸放在中间,收视率瞬间飙升。 施琰在视频里并没有提起这件事,她只是简单地说了一句:梦醒了。但我知道,她真正想说的,是…

告别视频里那句像做了一场梦施琰这次离开,其实是一次漂亮的回归(告别视频下载)

59岁『王祖贤』首晒个人vlog:针织帽黑框眼镜👓好有时尚范,自曝吃素食十几年(54岁『王祖贤』近况)

在结束活动后,『王祖贤』就来到一家餐厅吃饭,她向大家展示了她所吃的美食都是素食,『王祖贤』也在视频中透露表示她已经吃素食有十几年的时间了。许多网友也没想到『王祖贤』原来是这么开朗的一个人,觉得她这个vlog拍得很用心,…

59岁『王祖贤』首晒个人vlog:针织帽黑框眼镜👓好有时尚范,自曝吃素食十几年(54岁『王祖贤』近况)