技术背景转战康奈尔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 |

编辑 | 一只梨

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

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

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

猜你喜欢

艾迈谱重新定义MiP(艾谱初始密码)

目前,由艾迈谱光电联合深圳市照明与显示工程行业协会共同牵头的《MiP LED显示屏技术规范》标准,正火热招募参编单位中,有意参编企业请联系协会秘书处。…

艾迈谱重新定义MiP(艾谱初始密码)

3 部大尺度狠片来袭!镜头大胆、剧情上头,看完直呼过瘾

剧情也不拖沓,从一开始的铺垫,到中间的爆发,再到最后的反转,节奏掐得刚刚好,让你一直跟着剧情走,根本没机会快进。尤其是女主露出狠劲的眼神,比那些血腥镜头还让人印象深刻,看完你绝对会感叹:这女主也太飒、太狠了!…

3 部大尺度狠片来袭!镜头大胆、剧情上头,看完直呼过瘾

33B2(硼微合金化焊接结构钢材料)百科(硼合金的价格)

在钢材中添加微量的硼,可以显著提高其硬度和强度,同时也能改善热处理后的性能。这使得硼微合金化焊接结构钢在建筑、桥梁、机械制造等领域得到了广泛的应用。这些结构件需要在高强度和良好韧性之间取得平衡,而硼微合金化焊…

33B2(硼微合金化焊接结构钢材料)百科(硼合金的价格)

种地吧,李昊,承认你是猛男了!!!能黑十个勤天的只有太阳!(种地吧李昊个人资料)

那天我还不了解情况,但直觉感觉他们十个兄弟不会愿意要收费,这不是他们的风格,而且他们都没有发博宣传这事,所以我那篇文章说他们用微不足道的力量去抵抗汹涌的资本,他们不愿,但他们没办法。 是因为爱奇艺搞付费直播,…

种地吧,李昊,承认你是猛男了!!!能黑十个勤天的只有太阳!(种地吧李昊个人资料)

天猫店流量真的比淘宝店多几倍?真相来了!(天猫店铺的流量指标是什么)

很多卖家都想知道:天猫店的流量是不是真比淘宝店高出好几倍?其实,流量差异并非“天差地别”,而是受品牌定位、运营能力、资源投入等多重因素影响。本文从平台机制、用户画像、实际数据表现等方面拆解真实差距,帮你搞懂天猫和淘宝谁更“吸睛”,避免盲目跟

天猫店流量真的比淘宝店多几倍?真相来了!(天猫店铺的流量指标是什么)