您是不是在找：

AI樟榆树8月前
Cursor添加Figma MCP保姆级教程 在Cursor中添加上这个Figma MCP，让Cursor给你做的UI从此惊艳所有人#Cursor #FigmaMCP #CursorUI #智能体 #ai智能体 #ai编程 #ai #Cursor技巧
00:00 / 01:25
连播
清屏
智能
倍速
点赞480
派大鑫2周前
一键将任意界面转为 figma 设计稿#真实生活分享计划 #ai新手村 #ai设计 #figma #vibecoding
00:00 / 01:43
连播
清屏
智能
倍速
点赞2380
艾伦Tech11月前
设计图到代码 Figma MCP Server | 用自然语言和Figma交流 #mcp #cursor #figma #ai编程 #ai @DOU+小助手
00:00 / 02:43
连播
清屏
智能
倍速
点赞1496
雪梅AI学习日记9月前
小白MCP喂饭教程：用cursor接入figmaMCP，好看的网站可以一键帮你还原了 #ai新星计划 #waytoagi #mcp #cursor #figma
00:00 / 02:57
连播
清屏
智能
倍速
点赞3613
一福UX3周前
2分钟带你从0到1claude code to figma？ #vibecoding #claude #设计 #figma #前端
00:00 / 02:25
连播
清屏
智能
倍速
点赞358
六边形Evan1周前
4分钟学会Figma网格自动布局 #figma自动布局 #网格自动布局 #figma教程 #设计教程 #UI设计软件
00:00 / 04:17
连播
清屏
智能
倍速
点赞94
Next蔡蔡1年前
第16课：如何用Cursor+Figma实现页面交互？ 以前用Figma、Pixso等设计工具给产品原型制作页面交互，整个过程大都比较繁琐，页面一多制作起来就更加不容易。 . 而现在，你只需要用自然语言和cursor对话，就可以将这些静态的原型页面动起来，整个过程超级丝滑。明天第17课见 ~ #cursor #cursor编辑器 #cursor教程 #ai编程 #figma交互动画
00:00 / 03:27
连播
清屏
智能
倍速
点赞1015
LIULEI丶1周前
救命🆘！Figma 平替 Pencil 终于被我玩明白了！附保姆级教程✨ #软件开发 #AI #UI设计
00:00 / 03:51
连播
清屏
智能
倍速
点赞44
二师兄AI 实操笔记9月前
Cursor + Figma MCP，自动化设计稿到代码 Cursor + Figma MCP，自动化设计稿到代码#人工智能 #AI #Cursor #MCP #AI编程
00:00 / 01:03
连播
清屏
智能
倍速
点赞136
西瓜绿4年前
Figma设计实战，1分钟学会做一个登录页#ui设计 #figma教程 #figma
00:00 / 01:08
连播
清屏
智能
倍速
点赞62
lan人设计师2年前
做详情页请用figma 很多朋友问，你figma什么好的什么好的，我来给大家说说，为什么做详情要用figma！#设计分享 #干货 #ps教程 #电商设计 #figma
00:00 / 01:56
连播
清屏
智能
倍速
点赞192
硬核狗聊AI5月前
这个Agent算是把设计玩明白了 用对话 + Figma的方式，接入各种图片和视频模型，太会了#Agent #ai设计 #AIGC
00:00 / 01:29
连播
清屏
智能
倍速
点赞2212
马三木目1年前
figma导出pdf可能遇到的各种问题都在这了～ #figma导出pdf #figma教程 #春招 #作品集 #设计
00:00 / 03:55
连播
清屏
智能
倍速
点赞449
LIULEI丶2周前
左手claude，右手figma。claude code to figma视频教程#vibecoding #ai编程教学
00:00 / 04:14
连播
清屏
智能
倍速
点赞36
黄白9月前
1分钟看懂，Figma 连接 AI 的 3种用法！ 作为一名产品体验设计师，近期在学习使用Cursor，发现了可以连接Figma的MCP插件【talk-to-figma】，总结了以下3个用法：1.Cursor读取Figma内容和设计规范；2.Cursor控制Figma自动画设计稿；3.Figma内容转前端代码。并且我整理了安装的教程，可以让更多的设计师朋友来尝试使用。 尝试了一把“动动嘴就能改图”的快乐，虽然还有很多局限性，但是这在技术上都是会被逐步解决的。我在年初的一篇笔记中就提到：2025年的趋势是「设计与开发的双向奔赴」，在不远的未来，设计即开发，设计和前端开发将走向岗位合并。我相信，AI能真的让每个人不再受技术的限制，更加地展示出自己的洞察力和创造力！ #figma #交互设计 #cursor #ux设计 #ui设计
00:00 / 01:41
连播
清屏
智能
倍速
点赞6350
三文先生77｜且曼学院4年前
Figma这么火🔥？你入坑了吗？快来试试吧！#figma #ui设计
00:00 / 01:06
连播
清屏
智能
倍速
点赞464
焦糖南瓜色8月前
Figma+MCP+Cursor,UI也能用代码还原设计稿 将figma的设计链接丢到cursor，自动生成网页还原设计 工具：figma、Figma-Context-MCP、cursor #ai #figma #cursor #mcp
00:00 / 01:39
连播
清屏
智能
倍速
点赞67
月半AI酱1周前
talk-to-figma mcp talk-to-figma-mcp 实现 AI 助手与 Figma 的双向通信。支持读取设计文档、获取选中元素、创建与修改图层、管理组件与样式、导出资源，让 AI 直接操作 Figma，大幅提升设计还原与开发效率。 #ai教程 #figma #ui设计 #ai #mcp
00:00 / 02:23
连播
清屏
智能
倍速
点赞13
微观寿司4月前
原来在figma里搭建设计系统这么简单！被ai带飞！ #figma教程 #交互设计 #ui设计 #chatgpt #ai工具
00:00 / 01:17
连播
清屏
智能
倍速
点赞1106
设计师PPM8月前
Figma新功能，一键搞定Liquid Glass效果！ #ui设计 #ux设计 #界面设计 #设计教程 #ios
00:00 / 00:44
连播
清屏
智能
倍速
点赞1645
退休的老Andrew4年前
【Figma第三弹】Figma那些可怕的问题，以及解决方案，全部公开啦！#figma #figma教程 #设计
00:00 / 05:44
连播
清屏
智能
倍速
点赞273
UI设计师小贝｜接单中11月前
figma软件安装具体流程 有需要的小伙伴可以点开观看 #figma软件安装 #UI设计师神器 #UI设计师用什么软件 #UI设计师高效作图软件 #UI设计师主流趋势软件figma安装教程
00:00 / 01:46
连播
清屏
智能
倍速
点赞60
Figmaist4年前
figma如何上传蓝湖、figma转sketch#创作灵感 #sketch #ui设计 #figma
00:00 / 00:28
连播
清屏
智能
倍速
点赞920
木马_MUMAI2周前
Codex × Cursor x Figma 用嘴做设计！！ 本期视频文档：https://my.feishu.cn/wiki/BWwKwrZ93imsSrkeLHYcZvIMnxg?from=from_copylink 觉得有用请点点赞，关注我，我会持续更新个人实践经验。#ui设计 #UX #vibeDesign #AI #设计
00:00 / 04:08
连播
清屏
智能
倍速
点赞1122
Natt设计留学11月前
终于来了！Figma官方对比度检查功能上线！ Figma 新功能上线！ 🎉 Figma 官方对比度检查功能上线啦！告别繁琐的第三方插件，让你的设计流程更高效！在这个视频中，Natt 老师将带你深入了解 Figma 4 月更新的这项重要功能，让你轻松掌握如何运用它来提升设计作品的专业度。 轻松掌握对比度检查！ 🎨 掌握 Figma 新功能其实很简单！选择颜色，就能立即查看当前对比度，Figma 还会贴心地给出颜色建议，帮助你轻松选择符合规范的颜色。告别对比度不达标的困扰，让你的设计更加清晰易读。 深入了解 WCAG 标准！ 🤯 什么是对比度双 A 要求？为什么苹果的 HIG 也如此强调 accessibility？Natt 老师将带你深入了解 WCAG（Web Content Accessibility Guidelines）标准，让你明白设计背后的规范与考量，提升你的设计专业性。 莫兰迪色系爱好者必看！ 🌈 喜欢莫兰迪色系？要注意啦！对比度不是好坏问题，而是对错问题！Natt 老师将告诉你如何避免低对比度带来的“看不清”的设计，让你的作品在追求美感的同时，也能满足用户的使用需求。 延伸学习！ 🔗 想要更深入地了解 WCAG 和 contrast 吗？Natt 老师的往期视频为你准备了更全面的知识讲解，快去探索吧！ #figma #对比度 #可用性 #figma教程
00:00 / 02:29
连播
清屏
智能
倍速
点赞6
0926不改需求1月前
⚡️1分钟搞定设计原型？这个神器绝了！⏱️小白也能轻松上手，效率直接拉满～✨科技改变生活，设计师狂喜！
00:00 / 15:40
连播
清屏
智能
倍速
点赞15
3S教室—Tangman8月前
如何使用Figma设计APP页面，新手教程 ui设计教程，ui设计学习，ui设计培训#ui设计教程 #Figma #ui设计#3s教室
00:00 / 28:43
连播
清屏
智能
倍速
点赞930
六边形Evan1月前
如何用Figma制作弥散渐变? #figma #弥散渐变 #不规则渐变 #UI设计教程 #UI设计软件
00:00 / 03:40
连播
清屏
智能
倍速
点赞420
AI产品自由1年前
手把手教学！Figma+MCP+Windsurf 梦幻联动 #windsurf #人工智能 #AI #cursor #MCP
00:00 / 03:03
连播
清屏
智能
倍速
点赞36
小猪快跑.UI+AI1周前
Figma平替？实操Paper+Cursor全流程生成UI#MCP #Cursor #Figma #ui设计 #Ui教程
00:00 / 01:45
连播
清屏
智能
倍速
点赞31
水山Ai漫谈1年前
Figma AI重磅更新初级产品经理和设计师精进？还是失业？#figma #AI设计 #ai原型
00:00 / 01:45
连播
清屏
智能
倍速
点赞285
科技米线6月前
小白邪修 | 1分钟用 Cursor 出超高保真原型图! 1 分钟利用官方 Figma mcp 结合 Html_to_design mcp,实现快速邪修,实测一次可以导入最多 8 个左右的原型图,并且超高保真(绝对不是蓝色配色的那种),完美符合你的业务!绝对全网独家,独立开发者,产品经理,UI 设计师开心疯了!!!!真的是又进步了,绝对不是 4 个月前的 TALK TO FIGMA,用了一堆的TOKEN 还只能做出一堆答辩! #AI #ai产品经理 #cursor #figma
00:00 / 02:02
连播
清屏
智能
倍速
点赞156
奶龙AI2周前
pencil和figma彻底打通了 #设计师 #程序员 #AI编程 #人工智能 #openclaw
00:00 / 01:12
连播
清屏
智能
倍速
点赞616
AI-阿豪学长1周前
Pencil AI设计工作流 #claude #figma #ai #设计 #ui设计
00:00 / 01:41
连播
清屏
智能
倍速
点赞150
AI一人公司CEO小马哥6天前
Cursor中如何让AI使用Figma设计稿 前两天有小伙伴问，磕磕巴巴终于做出来了。希望对需要的人有用 #figma #cursor #vibecoding #ai
00:00 / 02:07
连播
清屏
智能
倍速
点赞31
懂投哥(加入主页粉丝群)7月前
Figma circle coinbase怎么办 #figma #circle #coinbase 怎么办？
00:00 / 01:45
连播
清屏
智能
倍速
点赞1793
58UI设计工作室-品牌&UI界面设计1周前
figma设计教学交互教程#教学 #设计教程 #figma #交互动画 #一起学画画
00:00 / 00:24
连播
清屏
智能
倍速
点赞163
榫卯设计PPT6天前
设计师效率神器｜Figma 导出PPT插件 分享一个超实用的Figma插件，选中画板就能直接导出可编辑PPT，还原度高，不用重新排版，做汇报提案超省心。#Figma #Figma插件 #设计效率 #PPT技巧 #设计师必备
00:00 / 01:10
连播
清屏
智能
倍速
点赞1
AI效率工具1周前
UI设计、原型制作工具选哪家？ Figma 是一款基于浏览器的协作式 UI/UX 设计工具，支持多人实时设计、原型制作和交付。 实时协作：多人同时在线编辑，像 Google Docs 一样协同设计。 跨平台：基于浏览器，无需安装，Windows / Mac 都可用。 云端存储：自动保存与版本管理，便于回溯历史版本。 组件化设计：支持组件与设计系统，方便统一规范和复用。 原型能力强：可直接制作交互动效原型，减少额外工具依赖。 交付方便：开发人员可直接查看标注、样式和导出资源。 插件生态丰富：大量插件提升效率（图标、数据填充、自动排版等）。 #Figma #UI设计
00:00 / 06:39
连播
清屏
智能
倍速
点赞3
星星小 | 设计师 （分享版）2周前
居家设计vlog|使用Figma Make生成UI界面 设计师必看，Figma Make一键生成UI,效率直接翻倍#设计师日常 #Ai #Figma
00:00 / 00:37
连播
清屏
智能
倍速
点赞127
唐妮可 Nicole2周前
AI 可以帮设计师操作 Figma了！设计师可以用 Figma vibe designing 了！啊啊啊啊啊啊我们 UIUX 设计师的双手即将解放！！！！！谁懂！！！咆哮！！！ #Figma #Cursor #ClaudeCode #AI #UI
00:00 / 02:57
连播
清屏
智能
倍速
点赞1440
宋夏天Dazzle1周前
Vlog💻AI在Figma里直搓组件库+变量库🔥 #ui设计 #AI工具 #figma #设计教程 #vlog
00:00 / 02:13
连播
清屏
智能
倍速
点赞794
Coinvision1周前
2026年最夸张的设计工具，pencil ai真的能跟figma打#AI #设计 #claude #figma #实用小技巧
00:00 / 02:54
连播
清屏
智能
倍速
点赞141
AI前端仔1周前
任意网页像素级复制成 Figma 设计稿 🔥 #ai #figma #设计技巧 #效率神器 #网站开发
00:00 / 00:29
连播
清屏
智能
倍速
点赞9
萬萬使不得^_^8月前
Figma mcp用cursor自动安装成功，真是令我惊讶#知识分享 #一本正经胡说八道 #科学减肥 #原创视频 #自我提升与成长
00:00 / 02:57
连播
清屏
智能
倍速
点赞1
唐妮可 Nicole2周前
Figma Vibe Design 教程来啦😭！AI 协作设计画布的时代到来了！本教程教各位如何解放双手让 Claude Code 替你干活😭 #Figma #Claudecode #Cursor #vibecoding #UI
00:00 / 04:11
连播
清屏
智能
倍速
点赞303
Natt设计留学11月前
Figma汉化 方法与利弊 Figma的汉化包到底要不要装？🤔怎么装？装了是好是坏？😏今天就来给大家简单分析一下！起因是这样的，我在上课时遇到一位Figma新手，他问我Figma的中文怎么调。哎呀，Figma它没有官方中文支持呀！😭那汉化包呢？铁了心要装的话，可以去FigmaCool找找。有两种汉化方式：下载独立安装包，或者用Chrome插件在Figma网页版上操作。💻 我的建议是，新手期可以试试，但长期来看，弊大于利。为啥呢？首先，第三方翻译可能不够准确，尤其是新功能出来时。📝其次，桌面端汉化包的稳定性和安全性都值得怀疑。🧐最重要的是，Figma的快捷键和英文工具名高度关联，用英文版能帮你更快记住快捷键，培养肌肉记忆。💪而且，适应英文版后，你就能接触到更多官方一手资源和海外教程，打开新世界的大门！🎉 总结一下：新手可以装汉化包，但为了更广阔的设计世界，建议还是用原版！✨关于Figma汉化，今天就聊到这，下课！ 👋下个视频再见，拜拜～💖 #Figma #Fimga汉化 #Fimga中文
00:00 / 03:08
连播
清屏
智能
倍速
点赞67
六边形Evan2周前
如何在Figma中实现滚动吸顶交互效果 #figma #figma交互动画 #UI设计软件 #动效设计 #设计教程
00:00 / 02:52
连播
清屏
智能
倍速
点赞112
六边形Evan2周前
如何用Figma制作可交互计数器 #用Figma做可交互效果 #figma教程 #设计教程 #UI设计
00:00 / 08:25
连播
清屏
智能
倍速
点赞96
沐风AI2周前
Claude Code & Figma 新工作流程指南 设计师、工程师和产品经理在同一保真度下对话，在早期阶段解决分歧，从而提高项目协作效率。
00:00 / 07:43
连播
清屏
智能
倍速
点赞36
锋芒AI2周前
开源 Figma 来了！7MB 就能跑 Figma 封杀了第三方接口，有人直接造了个开源替代品。OpenPencil：AI 原生设计编辑器✅ 兼容 .fig 文件，Figma 设计直接打开✅ 75 个 AI 工具，说话就能画✅ 7MB 本地运行，不要账号✅ WebRTC 多人协作GitHub 搜 open-pencil，链接评论区👇#AI设计 #开源 #设计工具 #程序员
00:00 / 01:29
连播
清屏
智能
倍速
点赞66
AI后端Marion2月前
惊艳！10 多分钟生成前端网站，TREA 新功能 skill #TREA #skill能力 #前端开发 #Figma设计稿 #AI应用 一、展示内容：以将 Figma 的 UI 设计图转化为前端代码的方式，展示 TREA 新发布功能 skill 的应用。 二、生成前端网站代码：通过 TREA 的色模式、skill 和 MCP 的方式，根据前端 Figma 设计稿生成完整的前端网站代码。该网站支持分类、底部导航点击、搜索等功能，交互层面与实际开发的前端网站相同，且仅用 10 多分钟就完成了制作，并一键部署到域名上可直接访问。 三、SOLO 模式与 skill： 1. SOLO 模式：在 15 号发布，支持 skill 的方式。 2. skill 的定义：可以理解为一种 AI 型的智能体专项工具包，比直接定义规则更加丰富和专业。它是一个更专业的子智能体，通过特定规范生成，能专注于领域任务，按需调用，复用能力，将专业知识打磨成可复用指令，赋能新功能，使重复工作流程化，还具有互操作性。 3. 创建 skill：通过对话方式让 TREA 创建 skills，创建后在右侧编辑器的 trim 下有 skill 文档，如 fig 码转前端规范等。它会基于当前项目风格设计 skill，后续开发相同风格网站可复用。前期可定义基础 skill，其会根据需求描述选择对应 skill 作为提示词。也可手动创建 skill，设置名称、描述和指令。 四、生成前端网站的过程： 1. 首先使用 SOLO 模式的 build 方式，让 TREA 根据 Figma 设计稿创建一个 skill 文件，生成 fig 码转前端的技术规范，并在撤入 skill 中创建该文件。 2. 然后基于 Figma 设计稿设计中文前台网站，指定 Figma 数据。使用 TREA 的 SOLO 模式时，右侧可添加 Figma 工具，登录后跳转到设计稿，添加对话，选择页面添加对话可生成缩略图和原始数据文件。 3. 选择 Gemini 3 Pro 后，TREA 会先分析，生成产品和技术架构文档，在文档内容确定无误后进行确认开发，创建前端项目并完成。生成的文件可能部署失败，需自动调试，或第一次写提示时就让其生成完整的 H5 网站。 4. 生成完成后进行部署，使用 GitHub 账号授权，部署后在
00:00 / 07:24
连播
清屏
智能
倍速
点赞53
AI后端Marion4月前
《字节TREA+Solo模式使用Figma工具教程》 #字节solo模式 #Figma #前端代码转换 #AI辅助开发 #Trae 视频纪要 分享主题：介绍在字节 solo 模式下，将 Figma 代码快速转换为前端代码以提高开发效率的方法。 1、生成效果展示：通过字节 SOLO 模式一次性生成网站，交互体验和效果佳且无 bug ，原始 Figma 原型图为从模板下载的前端 UI 设计图，生成过程做了微调。 2、操作流程 项目构建：新建文件 “figma demo 3”，添加内置 Figma 工具。登录 Figma 首页，选择提前下载好的模板，不选效果不佳的 Previews，选择 UI 设计并添加对应元素 （最多 3 个），基于 UI 元素生成前端代码和网站，可用提示词优化生成效果，随后运行，借助实时跟随功能了解 AI 思考及工具调用过程 。 3、Figma 知识及集成：Figma 是云端在线协同工具，具备矢量设计等优秀功能，通过 MCP 协议与 Trae 集成。传统配置需在 Figma 官网下载 access token ，在工具中添加 MCP，操作较复杂；在 Trae 中集成则可通过网页版自动选择元素添加，更为方便 。 4、转换原理优势：相比图片识别，Figma 能定位到元素级别，避免元素级误差，获取图生关系层次、尺寸、间距、颜色、字体样式等精准数据，转化为组件化前端代码 ，方便复用与优化。 5、总结：Trae 与 Figma 结合是全新 AI 辅助模式，能快速实现设计稿高精度还原，解决传统开发问题，可让 AI 修改代码以符合项目规范，实现快速迭代、优化和开发 。
00:00 / 08:24
连播
清屏
智能
倍速
点赞161
设计师 Cc1周前
Figma快速游戏地图教程 #figma #ui设计 #设计师 #figma教程 #交互设计
00:00 / 02:39
连播
清屏
智能
倍速
点赞359
AI技能教学网1月前
Trae 联动 Figma 实战：利用 MCP 协议实现 A 实测 Trae 联动 Figma：从自动绘图到一键转代码，带你打通设计与开发的最后 1 公里。#Trae #Figma #MCP #AI编程 #前端开发
00:00 / 09:14
连播
清屏
智能
倍速
点赞29
草帽sMao4年前
Figma EX：常驻在右上角的插件列表 | 调用 Figma 插件更方便了
00:00 / 09:17
连播
清屏
智能
倍速
点赞46
木木在coding1月前
纯干货🆘用 Cursor + Figma 实现前端自由🤫 1️⃣ 第一步： 整理 Figma 切图和规范，基础打好才稳！📦 2️⃣ 第二步： 自然语言投喂 Cursor，精准路径提取，告别手动搬运！🤖 3️⃣ 第三步： 替换 CSS 样式与图标，细节控也能被治愈！细节满分！💯 看完这个视频，彻底实现“前端自由”！不再为改不动 AI 界面发愁啦～ 🥳 💡 想要进阶实现【交互效果】的宝子们，记得先关注，下期继续更新！👇 #Cursor #Figma #前端开发 #AI编程 #UI设计还原
00:00 / 01:14
连播
清屏
智能
倍速
点赞28

简介:

您在查找“怎么把figma添加到trea”短视频信息吗？帮您找到更多更精彩的短视频内容！最新发布时间：2026-03-16 06:03

最新推荐:

相关推荐:

热门推荐: