微信扫码
添加专属顾问
AI与设计工具的革命性结合,让创意设计更智能高效。 核心内容: 1. Figma与AI的强强联合,开启AI辅助设计新纪元 2. 环境搭建与配置,实现AI与设计工具无缝对接 3. AI设计实践,用自然语言指导AI完成高质量原型设计
在数字化时代,设计工具与人工智能的结合正在重塑我们的创作方式。今天,让我们一起探索如何通过Cursor和Figma的强强联手,开启AI辅助设计的新纪元。
Figma作为UI设计界的翘楚,以其强大的协作能力和直观的界面设计赢得了全球设计师的青睐。而当Figma遇上AI,又会碰撞出怎样的火花?通过Figma的MCP(Model Context Protocol)服务,我们能够实现AI辅助设计的梦想,让设计过程变得更加智能和高效。
首先,我们需要从GitHub获取这个神奇的项目:
git clone git@github.com:sonnylazuardi/cursor-talk-to-figma-mcp.git
这个项目实现了Cursor AI和Figma之间的模型上下文协议集成,让AI能够直接与Figma进行对话,实现设计的智能读取和修改。
该项目使用bun作为构建工具,让我们先安装它:
curl -fsSL https://bun.sh/install | bash
接下来进行项目安装:
bun setup
启动Websocket服务器:
bun socket
打开新的终端窗口,使用cursor打开项目目录:
cursor .
系统会自动检测到需要添加MCP服务,确认即可:
打开Figma,创建一个新的草稿文件。
导入必要的插件文件:
选择文件:
配置完成后,系统会生成一个Channel编码,请务必记住这个编码:
回到Cursor,在提示词输入框中输入:连接figma MCP,channel: 4o4nxkz9
现在,你可以通过自然语言描述来指导AI进行设计了。以下是一个示例提示词,展示了如何通过AI来设计一个医共体平台转诊业务iOS应用:
你是一名资深UI/UX设计专家,拥有丰富的健身应用设计经验,精通苹果人机界面设计指南。你的任务是帮助用户完成一个"医共体平台转诊业务"iOS App的原型设计。
请按照以下要求输出一套完整的高质量APP原型图:
1. 设计目标
- 创建符合苹果人机界面指南(Human Interface Guidelines)的iOS原生风格设计
- 面向转诊申请医生、审核医生,设计简洁直观的界面
- 确保原型图能直观展示APP的功能流程和用户体验
2. 用户需求分析
- 病种管理,
- 快速补齐患者数据,协助医生完成转诊业务申请
- 审核人员方便查阅患者信息,可以审核通过和驳回申请
3. 功能规划
- 登录医生查看自己的申请列表状态,并且可以催促未审核申请单
- 根据登录医生所在机构,自动填写机构、科室信息,可以快速查阅患者信息;滑动下个页面填写转入上级医院的科室信息和挂号信息
- 审核人员登录后可以查询需要审核的转诊单
- 一些报表展现
- 设置:个人信息管理、通知设置等
4. 设计规范
- 使用最新的iOS设计元素和交互模式
- 遵循iPhone 16 Pro尺寸规格(宽度393px)
- 采用明亮、活力的配色方案,符合健身应用氛围
- 重视无障碍设计,确保文字对比度和交互区域大小合适
- 使用简洁清晰的图标和插图风格
5. 原型图呈现要求
- 使用Figma创建所有设计稿
- 为每个功能设计一个到两个屏幕,如:登录/注册、主页、申请单、审批、消息通知、设置
- 每行最多排列三个屏幕,之后换行继续展示
- 为每个屏幕添加设备边框和阴影,不要遮住屏幕内的内容
- 为每个屏幕添加简短说明,解释其功能和设计考虑
请首先展示APP的信息架构和用户流程图,然后按照关键用户旅程逐一呈现高保真原型屏幕,最后提供设计规范概述。
AI会根据你的描述,在Figma中生成相应的设计:
通过Cursor和Figma的结合,我们不仅能够提高设计效率,更能让AI成为我们的创意伙伴。这种创新的工作方式,正在重新定义设计的未来。让我们一起拥抱AI辅助设计的新时代,让创意无限绽放!
温馨提示:本文中的图片和代码仅供参考,实际使用时请根据最新版本进行调整。
53AI,企业落地大模型首选服务商
产品:场景落地咨询+大模型应用平台+行业解决方案
承诺:免费POC验证,效果达标后再合作。零风险落地应用大模型,已交付160+中大型企业
2026-06-29
dbskill 更新:一键排版发布公众号
2026-06-22
写代码你不在乎AI味儿,写文章为啥那么计较?
2026-06-03
用 WorkBuddy 辅助写投标技术方案:别让 AI 替你投标,让它替你把话说清楚
2026-05-30
企业级 AI Coding 还有一堆问题,并没有像PR一样说的这么好用
2026-05-27
如何使用 AI 设计企业级产品?
2026-05-24
我研究了这个 18.6k Star 的 Skills,做幼师的女朋友夸我真猛!
2026-05-21
AI里,你必学的新Office三件套:MD、CSV、HTML
2026-05-21
体验完阿里首款Design Agent,我开始替UI/前端焦虑了..
2026-04-14
2026-04-28
2026-04-18
2026-05-21
2026-05-27
2026-05-19
2026-05-06
2026-05-21
2026-05-24
2026-06-03
2026-06-22
2026-05-27
2026-02-28
2026-02-07
2026-01-29
2026-01-21
2026-01-06
2025-12-22
欢迎您使用【53AI 官方网站】(以下简称“本网站”或“我们”)。本《会员服务协议》(以下简称“本协议”)是您(以下简称“会员”或“用户”)与【深圳市博思协创网络科技有限公司】之间关于注册、登录及使用本网站会员服务所订立的法律协议。
在您注册或登录前,请务必审慎阅读、充分理解各条款内容,特别是免除或限制责任的条款、知识产权条款、争议解决条款等。此类条款将以加粗形式提示您注意。 当您通过微信公众号授权、手机验证码验证或其他方式成功登录本网站时,即视为您已完全理解并同意接受本协议的全部内容。
一、 定义
本网站:指由【深圳市博思协创网络科技有限公司】运营的,域名为【53ai.com】的网站及相关移动端页面。
会员服务:指本网站向注册会员提供的知识库文章查阅、内容检索及其他相关增值服务。
知识库内容:指本网站发布的包括但不限于文字、图表、数据、研究报告、行业分析等数字化内容资源。
二、 账号注册与登录
登录方式:本网站支持以下登录方式,您可根据实际情况选择:
微信公众号授权登录:您同意将您的微信OpenID信息授权给本网站,用于创建或关联会员账号。
手机验证码登录:您需提供真实有效的手机号码,并通过短信验证码完成身份验证与登录/注册。
账号安全:您的账号仅限您本人使用,禁止赠与、借用、租用、转让或售卖。因您保管不善导致的账号被盗、密码泄露等损失,由您自行承担。
实名认证:根据相关法律法规要求,我们可能要求您在特定功能下完成实名认证。如您拒绝提供,可能无法使用部分或全部服务。
未成年人保护:若您未满18周岁,请在法定监护人的陪同下阅读本协议,并在征得监护人同意后使用本服务。
三、 服务内容与规范
知识库查阅权限:会员登录后,有权按照其会员等级对应的权限范围,在线浏览、检索本网站知识库中的相关文章及内容。
服务变更:我们有权根据业务发展需要,调整、变更或终止部分服务内容,并将以网站公告、公众号消息等方式提前通知。
禁止行为:您在使用服务时不得实施以下行为:
利用技术手段批量爬取、下载、转存知识库内容;
将知识库内容用于商业目的或未经授权地向第三方传播;
干扰本网站正常运行或侵犯其他用户合法权益;
发布违法违规信息或从事违反公序良俗的活动。
四、 知识产权声明
权利归属:本网站知识库中的排版设计、软件代码等内容的知识产权均归【公司全称】或原权利人所有,受《中华人民共和国著作权法》等法律保护。
有限许可:本网站授予会员一项非独占、不可转让、不可转授权的普通许可,仅限于个人学习、研究之目的在线查阅知识库内容。
侵权追责:未经书面许可,任何单位或个人不得以任何形式复制、转载、摘编、镜像、汇编或以其他方式使用上述内容。一经发现,我们保留追究其法律责任的权利。
五、 个人信息保护
我们重视对您个人信息的保护。关于我们如何收集、使用、存储和保护您的个人信息,请单独阅读 《隐私政策》。
您通过微信公众号授权或手机号验证所提供的信息,我们将严格按照《个人信息保护法》的规定处理,仅用于身份识别、服务提供及安全验证等必要用途。
您可以随时通过网站设置或联系客服行使查阅、更正、删除个人信息及撤回授权同意的权利。
六、 免责声明
内容准确性:知识库内容仅供参考,不构成专业建议。我们不对其完整性、准确性、时效性作任何明示或暗示的保证,您应自行判断并承担使用风险。
不可抗力:因自然灾害、政策法规变化、网络故障、第三方平台接口异常(如微信接口维护、运营商短信通道故障)等不可抗力导致的服务中断或延迟,我们不承担违约责任。
第三方链接:本网站可能包含指向第三方网站的链接,该等网站的内容和服务不受我们控制,请您自行甄别风险。
七、 违约责任
如您违反本协议约定,我们有权视情节采取警告、限制功能、暂停服务、注销账号等措施,并保留要求赔偿损失的权利。
如因您的违约行为导致我们遭受行政处罚、第三方索赔或商誉损失,您应承担全部赔偿责任(包括但不限于罚款、赔偿金、律师费、公证费等)。
八、 法律适用与争议解决
本协议的订立、执行和解释均适用中华人民共和国大陆地区法律。
因本协议产生的或与本协议有关的任何争议,双方应友好协商解决;协商不成的,任何一方均可向【公司所在地】有管辖权的人民法院提起诉讼。
九、 其他
本协议构成双方就本服务达成的完整协议,取代此前任何口头或书面约定。
本协议任一条款被认定为无效或不可执行的,不影响其他条款的效力。
我们对本协议享有最终解释权,并在法律允许的范围内保留随时修改的权利。修改后的协议一经公布即生效,继续使用服务即视为同意修订内容。