用大白话做UI的工具啊，我体验了几款下来，FIGMAMAC和Google stitch效果呢最佳，还容易上手。

这期视频我会手把手教朋友们如何用Google stitch做出专业级别的UI。首先我们打开stitch官网啊，点击立即使用授权登录一下啊。进来呢就是这样的，左侧是官方提供的页面，朋友们重点我们要看每个页面是用什么样的提示词生成的。

它的第一个提示词是创建一个室内植物的仪表盘，包括胶水计划，每株植物的日照需求以及施肥提醒。看这是它生成的页面。这里呢他希望在仪表盘中加入位置信息，用于标注每株植物所在的位置。这下面就是它生成有位置信息的页面。

那接下来他是希望把整体风格调整的偏绿色一些，让更加有植物感，我操这效果简直是绝了。

那现在我们来生成一个，我告诉他帮我生成一个复古的手机APPUI。它的作用是修复后照片的下载功能等等等等的。看来了啊，这效果不输专业设计师的设计。

它每生成一个页面后啊，下面都会有一个生成下一个页面的提示。如果我们要修改生成的页面，可以忽略他，然后告诉他让他怎么样修改。如果我们不需要修改呢，那我们直接点击这个，直接让它生成下一个页面。

三个页面都做完了。这个时候呢我们就可以点击上面的代码按钮，右侧呢有个FGA按钮，我们只需要点击一下，那代码就会直接复制到剪贴板。这个时候啊我们打开FIGMA新建一个草稿粘贴，那页面呢就成功转入IGMA了。

转入FIGMA后，我们自己可以任意编辑文字和按钮。最重要的是像train code body，他们都是有FGMA插件的。我这次呢拿code 8的演示啊，我们打开code body，然后点击这个FGMA的按钮。

我们打开FGMA首页，我们只需要授权登录一下，然后我们FIMAA的件件，我们给它命一下名，存一下code八点呢，我们选中一个页面，它就会自动添加到对话框。它这点和tri是不一样的，try是需要选中，然后再添加到对话框。

然后我给他说，现在我们需要再次优化我们小程序的UI，请你复现该fg ma草稿的UI作为小程序的首页。因为这个呢我只是用两个朋友演示啊，我的小程序出版的，我已经固定，我不想再修改了。

当然如果我们想生成web应用，对它来说也是轻而易举的事情。我告诉他帮我设计一款企业知识库搭建的简约风格前端页面UI这个页面包含企业知识库管理，其AI小助手和AI客服三个模块。

AI小助手呢是企业所有工作人员的问答和项目进度跟踪管理，那每个工作人员绑定一个账号。AI客服呢是针对所有客户的客服系统，它的作用是客户提出的任何问题，根据企业知识库中的知识进行用户回复。他来了，如果我们要修改呢，直接告诉他怎么修改就可以了。
《探索高效UI设计：从入门到精通的实用攻略》

在当今数字化时代，UI设计愈发重要。对于新手而言，选择一款合适的UI工具是关键。今天就来给大家详细介绍如何利用一些好用的工具做出专业级别的UI设计。

首先，像FIGMAMAC和Google stitch这类工具就很不错。以Google stitch为例，进入官网授权登录后，你会看到左侧官方提供的页面。重点是了解每个页面由什么样的提示词生成。比如创建室内植物仪表盘，设置胶水计划、日照需求和施肥提醒等，还能加入位置信息，调整风格为偏绿色更具植物感。

生成页面后，若要修改，直接告知工具如何修改；无需修改则点击生成下一个页面。完成多个页面设计后，点击代码按钮复制代码，粘贴到FIGMA即可进一步编辑。而且像code body等还有FGMA插件，操作更便捷。

不仅如此，利用这些工具生成小程序或web应用的UI也很轻松。比如设计企业知识库搭建的前端页面UI，包含知识库管理、AI小助手和AI客服模块等等。总之，掌握这些工具和技巧，能让你的UI设计之路更加顺畅，轻松打造出令人满意的作品。
UI工具,Google stitch,FIGMA,专业级别,提示词,页面生成,代码复制,小程序,web应用,知识库
[Q]：用Google stitch做UI，如何开始？
[A]：打开stitch官网，点击立即使用授权登录。
[Q]：第一个提示词生成的页面有什么？
[A]：创建室内植物仪表盘，含胶水计划等。
[Q]：如何在生成页面后修改？
[A]：忽略提示，直接告诉工具怎么修改。
[Q]：怎样将生成页面的代码复制到FIGMA？
[A]：点击代码按钮和FGA按钮，复制代码粘贴。
[Q]：FGMA插件有什么作用？
[A]：如code body中操作更便捷，选中页面自动添加等。
[Q]：能生成小程序的UI吗？
[A]：可以，复现FGMA草稿UI作为小程序首页。
[Q]：生成web应用的UI容易吗？
[A]：轻而易举，可设计企业知识库前端页面等。
[Q]：AI小助手在企业知识库UI中有啥功能？
[A]：工作人员问答和项目进度跟踪管理。