Cursor+Figma开发实践-技术课-IT云课-中培伟业

第1章 AI编程新纪元 01:22:16: 1.1.从敲代码到下指令的华丽转身00:04:45; 1.2.Figma操作的方式保存首页00:10:15; 1.3.通过Gemini快速复刻原型图转换成网页00:05:43; 1.4.安装cursor版本为2_4_3000:07:28; 1.5.1.通过cursor还原原型图先还原整体框架00:08:05; 1.5.2.用指令通过cursor还原设计图00:17:24; 1.6.用指令完美复刻导航栏00:02:37; 1.7.通过指令去精准修复页面设计图00:08:08; 1.8.通过指令加左右分割线00:01:02; 1.9.通过指令微调其他部分00:16:49
第2章 Vibe Coding AI 00:49:07: 2.1.整体功能介绍00:05:15; 2.2.配置figma权限00:03:19; 2.3.cursor通过mcp控制figma00:18:36; 2.4.cursor通过pencil还原设计页面00:09:32; 2.5.cursor通过pencil生成用户管理原型图00:08:17; 2.6.cursor通过pencil文件开发用户管理页面00:01:36; 2.7.通过cursor把页面进行串联00:02:32
第3章 AI编程招标系统 01:12:57: 3.1.用AI开发的心得00:02:25; 3.2.招标系统功能演示00:05:46; 3.3.后期公司人员的变化00:05:52; 3.4.用AI生成招标系统需求与设计规格说明00:08:33; 3.5.用A分解招标系统分步骤去执行和测试00:05:00; 3.6.用AI生成执行步骤00:11:37; 3.7.用AI完成招标系统第一阶段的功能并且自我测试00:09:53; 3.8.用AI完成招标系统第二阶段的功能并且自我测试00:15:26; 3.9.用AI完成招标系统整体测试并且上传到git00:06:47; 3.10.招标系统总结00:01:38

本课程将带你进入“Vibe Coding”的全新时代，打通设计与开发之间的次元壁。课程以Figma设计工具+Cursor AI编辑器为核心，深度讲解如何通过自然语言指令直接操控Figma设计稿，并利用Cursor 智能编程能力将设计图“光速”转换为可运行的前端页面。

掌握Figma+Cursor协同工作流

精通AI指令驱动开发

独立完成原型到页面的全流程

学习如何用AI分解复杂项目（案例：招标系统）

提升开发效率10倍

UI/UX设计师

前端开发者

全栈/独立开发者

AI编程爱好者

行业专家

热门好课