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

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

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

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

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

我的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」之后,它就直接给我生成了下面这一套完整界面:

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

02

进阶选手必备

Windsurf+Claude 3.7

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

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

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

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

03

高级输出神器

Visily/Figma插件组合拳

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

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

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

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

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

转专业

第一步怎么开始

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

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

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

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

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

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

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

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

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

| End |

编辑 | 一只梨

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

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

猜你喜欢

维大力是个什么品牌有知道的吗?

它是一个由中捷四方联合中国农业大学生物学院基于植物免疫学理论所研发的植物免疫激活蛋白,是应用在农业领域的,一个能够提高农作物产量和质量的产品。…

维大力是个什么品牌有知道的吗?

彻底混不下去了!小S算盘落空,二女儿遭遇噩耗,账单难解难平

就在此时,小S又做出了一个举动,将自己姐姐大S的形象与女儿的画作联系在一起,称有一幅画的风格正是大S生前最喜欢的。这不禁让人怀疑,她是如何获得这些物品的,尤其是从法律角度来看,这些物品应该属于大S的两个孩子,…

彻底混不下去了!小S算盘落空,二女儿遭遇噩耗,账单难解难平

李宇春首回应大佬背后、嫁法国老头、瘫痪真相,曝光令人震惊

然而,正是这种独树一帜的气质,使得她在男性视角的社会氛围中引发不适与争议。李宇春本人也在各类公开活动和演出中展现出良好的状态,印证了这一点。她用温和而机智的态度化解了争议,带着幽默感回应公众,既没有激烈反击…

李宇春首回应大佬背后、嫁法国老头、瘫痪真相,曝光令人震惊

当AI智能体开始“觉醒”,你的工作方式将被彻底重构!

这份指南不仅预言“人类劳动正被自动化”,更提出 “行为力六阶模型” :从基础反射型到元系统型智能体,AI正以超进化姿态接管复杂决策。 操作万物的“超能力”:融合第三代RPA技术与大模型,它像人类一样精准点击按…

当AI智能体开始“觉醒”,你的工作方式将被彻底重构!

一路走好!1天内2位名人离世,一人是赵本山首徒,一人是春晚导演

他们,一位是春晚的幕后英雄,一位是东北二人转的传奇人物,他们的离去,是艺术界的损失,更是我们心中不可磨灭的记忆。袁德旺和翟波,他们用生命诠释了艺术的不朽,他们的离去,是艺术长河中的一次波澜,但更是一次深刻的启…

一路走好!1天内2位名人离世,一人是赵本山首徒,一人是春晚导演