技术背景转战康奈尔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 工作流公开...] 该文观点仅代表作者本人,今日霍州系信息发布平台,霍州网仅提供信息存储空间服务。

猜你喜欢

劳力士入门百科:除了“水鬼”,你还应该知道这些(劳力士讲解)

但劳力士的入门阵营远比想象中丰富,蚝式恒动、探险家Ⅰ、日志型等系列,不仅承载品牌核心工艺,更能适配不同风格与场景,是避开溢价、务实入门的优选。入门款白盘日志公价约7万元起,二手市场选择丰富,5-6万元就能淘到…

劳力士入门百科:除了“水鬼”,你还应该知道这些(劳力士讲解)

蔡恩签名鞋完结?Jordan Zion 4 或成绝唱(蔡恩鞋子爆了)

根据球鞋爆料账号 Sole Retriever 的最新消息,Jordan Brand 签约球员蔡恩·威廉森(ZionWilliamson)的签名鞋系列,或许已经被品牌终止。 当然,目前这一切都还停留在传闻…

蔡恩签名鞋完结?Jordan Zion 4 或成绝唱(蔡恩鞋子爆了)

维达纸巾超韧330张家用抽纸真的那么耐用吗?2026年好用的纸巾选购技巧(维达纸巾超韧和细韧哪个好)

维达超韧330张纸巾是市面上热门选择之一。这款纸巾是否真的如其宣传般耐用?本文深度解析纸巾选购关键要素,涵盖2026年最新趋势,助您选到最适合的纸巾。

维达纸巾超韧330张家用抽纸真的那么耐用吗?2026年好用的纸巾选购技巧(维达纸巾超韧和细韧哪个好)

2026沐浴露口碑榜前十强揭晓!精准选对不踩雷(沐浴露榜)

在此背景下,传统沐浴露与新兴的沐浴油、精华露等品类界限日益模糊,产品竞争维度也从单纯的香味和泡沫丰富度,扩展到成分安全、功效验证、使用肤感与长期护肤价值。 2、产品行业发展趋势未来沐浴市场将进一步分化:一端…

2026沐浴露口碑榜前十强揭晓!精准选对不踩雷(沐浴露榜)

OPPO取得电致变色模组、盖板组件和电子设备专利(oppo显示电池电量怎么变色)

国家知识产权局信息显示,OPPO广东移动通信有限公司取得一项名为“电致变色模组、盖板组件和电子设备”的专利,授权公告号CN115704979B,申请日期为2025年8月。 天眼查资料显示,OPPO广东移动通信…

OPPO取得电致变色模组、盖板组件和电子设备专利(oppo显示电池电量怎么变色)