UI设计工具-Figma 的 Make 使用,简直简单到爆炸,简直无敌
Figma Make 是一款人工智能工具,可将设计概念转化为功能原型和 Web 应用程序。您无需使用传统的设计画布,而是通过输入自然语言提示并将资产导入 AI 聊天来进行工作。Figma Make 入门。
·
Figma Make 是一款人工智能工具,可将设计概念转化为功能原型和 Web 应用程序。您无需使用传统的设计画布,而是通过输入自然语言提示并将资产导入 AI 聊天来进行工作。
Figma Make 入门
- 创建一个新的 Make 文件。在 Figma 文件浏览器中,点击右上角的Make按钮。
- 从提示开始。在 AI 聊天中,描述您想要创建的交互式原型或 Web 应用。为了获得最佳效果,请具体说明任务、背景、关键要素和期望行为等细节。
- 示例提示: “构建一个待办事项列表应用程序。它应该允许我添加和删除任务,并将它们标记为已完成”。
- 使用现有设计或图片进行优化。点击聊天中的按钮,即可引导 AI附加 Figma 框架、组件或图片文件。这有助于 Figma Make匹配您想要的样式和布局。
+ - 等待 AI 生成。Figma Make 将使用你的提示和附加的资源来生成代码并构建应用的交互式预览。对于复杂的请求,这可能需要几分钟时间。
- 迭代和编辑。使用聊天继续对话,或使用指向和编辑工具直接在预览中进行更改。
- 聊天提示:输入具体指令,例如“使按钮变圆”或“在顶部添加搜索栏”。
- 指向并编辑:单击某个元素(例如文本框)即可查看工具栏,其中包含用于更改其字体、颜色、填充或间距的选项。
- 编辑代码:对于复杂的更改,您可以直接访问和调整生成的代码。
- 预览并分享。原型准备就绪后,使用预览模式进行测试。您可以分享链接供他人查看,或将其发布为拥有专属 URL 的网站
简简单单的 6个提问即可实现非常非常舒服的界面并且有交互 牛逼
提问1:
1.使用nextui完成基础设计,指定模仿binance的样式
2.高保真高还原
3.我想完成下面的功能
-- 翻译中心
* 翻译通道(通道类型、通道key、目前使用量、是否启用、编辑、创建时间等)
* 翻译统计 (某项服务、服务ip地址、目标语言、翻译长度等)
尽可能的完善翻译中心的字段,功能尽可能的多
提问2:
翻译为中文
提问3:
1.目前的翻译通道添加修改,均无法使用,并且需要进一步加强功能体验
2.翻译统计也不够完善
3.翻译日志暂时为空
4.系统设置为空
提问4:
左侧4个菜单功能 请尽可能多的增加更多的功能,现在功能过于简陋
提问5:
增加一个预警通知,所有的业务服务,发生了什么警告,发送了什么错误,停机,内存泄露,服务器死亡,进行收集
提问6:
服务监控 服务状态
事件列表
事件时间线
文职颜色和背景色过于相近 注意tabs的文字和颜色先关


Figma AI 短短6次提问 实现的功能和交互简直无敌
更多推荐

所有评论(0)