00:00 / 03:46
连播
清屏
智能
倍速
点赞2342
00:00 / 07:30
连播
清屏
智能
倍速
点赞145
用AI生成完整UI 今天用 ide 对接 设计工具 MCP,直接在 设计工具 画布里用 AI 生成完整 UI,全程工具内操作,不用来回导来导去。 先把两个工具都更到最新版,登录好账号, 设计工具 新建空白文件,准备就绪。 找到设计工具 客户端,点左上角菜单,找到 MCP 服务」,点击开启 。底部出现提示,就说明本地服务已经跑起来了。之后在设计工具的官网上。找到他对应的mcp。接入ide的方式。比如咱们这个情况选择先不找他们的配置。打开咱们的ide点击设置添加mcp服务。这里面我们已经提前添加好了。咱们点击添加加咱们刚复制好的复制到这里就行。 第三步,直接在 ide 对话里说需求: 粘贴提示词包括调用的mcp和需求。之后复制页面链接。在这里添加到提示词。 AI 直接在 设计工具 画布上实时生成完整可编辑 UI,图层、组件、布局全部自动排好,并且手动支持更改和改进。 还能继续让 AI 微调:统一主色、改圆角、调间距,自动对齐栅格和设计规范等。 最后提醒:全程保持 设计工具 客户端后台运行,ide 配置正确,连接就不会断。 之后试试用ai设计ui生成小程序吧 现在AI已经生成完毕了。 用微信开发者打开看看效果 选择咱们的项目文件夹 效果还是不错的 和设计工具里设计的是一样的。 以上就是这次的分享,记得点赞关注。
00:00 / 02:27
连播
清屏
智能
倍速
点赞43
00:00 / 01:25
连播
清屏
智能
倍速
点赞18