大数跨境
0
0

How I AI|设计师如何用Cursor

How I AI|设计师如何用Cursor Tina讲出海
2025-10-18
3
导读:我会做一个<How I AI>系列,记录我的AI学习、实践过程、AI项目分享。本文是我在学习设计师如何用cu

我会做一个<How I AI>系列,记录我的AI学习、实践过程、AI项目分享。本文是我在学习设计师如何用cursor,以及我发现的一些亮点。

今天的学习主要有2个“大收获”:

  1. 做了一个《AI项目集合》页面,整合了我所有的AI实验

    AI项目集合页
  2. 做了个人的《提示词库》,方便记录、分享给他人、收集好的prompt

    我的AI提示库

本文分享设计师如何使用cursor,主要有5个部分:

  1. 没有明确设计方向的情况下使用 Cursor

  2. AI的强项:实现复杂交互

  3. 作为设计师:该如何把AI方法应用到实际工作中

  4. 如何教AI具备 “好品味/taste” 呢?

  5. 几个设计师思考的问题


一、没有明确设计方向的情况下使用 Cursor

  1. 以一个基础网站为例(比如普通的个人网站或作品集网站),提示 Cursor 给你提供可参考的设计风格建议

    不是先定好想法,而是先从宏观层面入手,看看 AI 从零开始能生成什么,然后如果发现有不错的元素,再在此基础上迭代优化。

    Cursor 的一个亮点是,它会针对某一种设计风格(比如赛博朋克),提供具体的描述词汇,像 “霓虹色调”“反乌托邦元素”“故障艺术效果” 等等。

  2. 鼓励大家多和AI 对话,能慢慢学会 “用它的语言沟通”。你永远不知道能从中学到什么。

    比如在🎻电子小提琴的项目中,我问它:“你用什么来生成声音?用的是什么库?我能尝试哪些参数?”
    通过它的回答,我知道它是内置的音频处理器,而且可以实现不同的泛音。我尝试让AI不只有和弦,还增加指位贴,点击模拟不同的音。
    询问AI我可以调整小提琴项目的哪些参数
    调整后一根弦可以发出不同的音高
  3. 用 Cursor 从零开始搭框架比较难对于新手来说可以先用Lovable/ B0 做出基础的黑白原型,然后把它导入 Cursor 中进行样式设计。

  4. 学到一个小tips:搭建自己的一个AI项目合集页面。用cursor,远比想象中简单!

二、AI的强项:实现复杂交互

  1. 声音集成
    • 与传统设计工具(如Figma)不同,Cursor能够非常容易地将声音与不同的操作(如按键)连接起来,从而创建带声音的交互式原型,例如一个可以工作的虚拟钢琴、小提琴
    • 以小提琴为例,人们在应用中很少用声音设计来传递愉悦感和品牌调性 —— 其实可以有品牌专属音效,而 AI 让这种设计变得容易多了。另外,动效设计也是如此,AI 能帮你做出更精致、更有特色的动效。
    • 了解基本原理,能让你知道它的能力边界。参考上面小提琴调试的过程。
  2. 动画与动作
    Cursor擅长添加各种悬停效果、发光效果或复杂的打字动画,这些在传统设计中需要投入大量时间才能实现。
    很多年前会特意去学特殊的 CSS 或 HTML 技巧来实现各种创意效果;以及当时个人化的设计空间特别有趣。现在 AI 又让这种设计方式变得容易上手,让人跃跃欲试。现在没有什么比刷新页面、看 AI 生成新效果更有趣的了。
  3. 数据可视化
    Cursor在设计数据可视化(如图表和仪表盘)方面表现出色。它能快速布局图表、填充假数据,并实现交互性(例如鼠标悬停效果),大大节省设计师的时间。
  4. 数据驱动应用
    设计师可以利用Cursor构建由数据库驱动的小型应用,例如一个连接到Notion数据库的个人书架,展示阅读记录等
    (这部分我还没有打通Cursor与Notion,待研究)

三、作为设计师:该如何把AI方法应用到实际工作中

  1. 首先想让大家对 Cursor 产生兴趣
  2. 但如果真正应用到设计团队的工作中需要考虑一些实际的问题 —— 比如 “如何结合设计系统”“如何复刻团队现有的侧边栏,把它用到原型里”,这些都需要多花点功夫。
    要想让 Cursor 在设计团队中好用,前期需要把设计组件(至少是一部分组件)转化成代码,这个前期工作很重要。
    (这部分我还没有落地到公司的代码,待研究)
     Cursor 本身就是一个能够与真实代码协作的工具。当公司拥有自己的代码组件库时,这些预先编码好的、设计师友好的组件就成为了 Cursor 进行高级原型设计的基石。Cursor 可以直接调用、修改或组合这些组件,而不是从零开始生成。
  3. 很多设计师担心 AI 会抢走他们的工作,但设计的乐趣不在于把按钮和表单放到页面上,而在于 “按下按钮时发出‘嘟嘟’声,给用户带来一瞬间的愉悦” 这种细节。

四、如何教AI具备 “好品味/taste” 呢?

提供明确且迭代的指示

  • 例如,可以明确要求 AI 移除所有阴影、使组件看起来更现代、调整布局以符合 Apple 这样顶级设计师的审美标准。
  • 使用简短的提示词进行迭代,多次尝试。
  1. 利用高质量的设计参考
  • 提供具体的参考能极大地帮助 AI 理解你想要的风格。例如,可以要求 AI 参照 Robinhood、Cash App 或 Stripe 等公认设计优秀的产品风格进行设计。
  • 也可以引用著名设计师的作品,例如 Edward Tufte 的作品,让 AI 学习其设计原则。
  • 甚至可以利用“心理学技巧”,让 AI 参照“优化这个布局,让它看起来能得到苹果公司顶级设计师的认可”来改进
  1. 建立设计规则和记录成功的案例
  • 如果某个视觉效果特别好,可以考虑让 Cursor 生成一个笔记或规则,描述如何在未来的项目中引用这种风格。

  • 例如,“这个 Y2K 风格的设计很棒,你以后该怎么描述它,才能复现这种效果?”,然后把这个笔记存下来,以后做项目时就能参考。

  • 有个文档专门存这些提示,记录那些效果好的提示词,以便在未来的项目中复用。(参考第二张图)

  1. 拓宽灵感来源,避免过度依赖通用起点
  • 可以尝试向 AI 提供一些“非常随机”的参考资料,例如 K-pop 音乐视频的截图或不同的艺术作品,这些可能不是它通常会从中获取灵感的内容,然后观察它从中汲取了哪些元素。这种做法有助于 AI 生成一些更具差异化的设计。
  • 许多人习惯使用“标准画布”作为起点,这虽然有助于生成符合设计标准的作品,但可能缺乏创意。鼓励拓宽灵感来源有助于打破这种僵化,创造出更独特的设计。

这样就形成了一个闭环:一开始你让 Cursor 推荐风格,然后选了 Y2K 风格,如果做出了很棒的效果,比如很喜欢那个发光效果,你就会问它 “这个效果很棒,如果我以后想复现,该怎么提示你?” 因为就像我们之前看到的,同样的提示会生成完全不同的结果。

五、几个设计师思考的问题

  1. 有没有哪些设计工作或细节,你仍然特别喜欢手工完成?
  2. 我们看到的大多是 “模仿现有风格” 或 “借鉴已有美学” 的操作。设计师该如何在这种模式下依然注入创造力?如何诞生新的风格呢?
  3. 对 AI 很有耐心,那当 AI 设计师完全不给力,做出很丑的东西,而且根本 “不听话” 时,你会怎么让它按你的想法来?
    (Prompt小技巧:与其说好几次让风格更加柔和,不如说让它的风格比现在柔和1000倍
学习“设计师如何使用Cursor”视频
感兴趣去下面公众号去看看,一个很 Nice 的分享up 主。

【声明】内容源于网络
0
0
Tina讲出海
跨境分享间 | 每日提供跨境资讯
内容 47307
粉丝 2
Tina讲出海 跨境分享间 | 每日提供跨境资讯
总阅读264.3k
粉丝2
内容47.3k