Figma Make 是一款人工智能工具,可将设计概念转化为功能原型和 Web 应用程序。您无需使用传统的设计画布,而是通过输入自然语言提示并将资产导入 AI 聊天来进行工作。 
Figma Make 入门
  1. 创建一个新的 Make 文件。在 Figma 文件浏览器中,点击右上角的Make按钮。
  2. 从提示开始。在 AI 聊天中,描述您想要创建的交互式原型或 Web 应用。为了获得最佳效果,请具体说明任务、背景、关键要素和期望行为等细节。
    • 示例提示: “构建一个待办事项列表应用程序。它应该允许我添加和删除任务,并将它们标记为已完成”。
  3. 使用现有设计或图片进行优化。点击聊天中的按钮,即可引导 AI附加 Figma 框架、组件或图片文件。这有助于 Figma Make匹配您想要的样式和布局。+
  4. 等待 AI 生成。Figma Make 将使用你的提示和附加的资源来生成代码并构建应用的交互式预览。对于复杂的请求,这可能需要几分钟时间。
  5. 迭代和编辑。使用聊天继续对话,或使用指向和编辑工具直接在预览中进行更改。
    • 聊天提示:输入具体指令,例如“使按钮变圆”或“在顶部添加搜索栏”。
    • 指向并编辑:单击某个元素(例如文本框)即可查看工具栏,其中包含用于更改其字体、颜色、填充或间距的选项。
    • 编辑代码:对于复杂的更改,您可以直接访问和调整生成的代码。
  6. 预览并分享。原型准备就绪后,使用预览模式进行测试。您可以分享链接供他人查看,或将其发布为拥有专属 URL 的网站

简简单单的 6个提问即可实现非常非常舒服的界面并且有交互 牛逼

提问1:
1.使用nextui完成基础设计,指定模仿binance的样式
2.高保真高还原
3.我想完成下面的功能
 -- 翻译中心
* 翻译通道(通道类型、通道key、目前使用量、是否启用、编辑、创建时间等)
* 翻译统计  (某项服务、服务ip地址、目标语言、翻译长度等)
尽可能的完善翻译中心的字段,功能尽可能的多

提问2:
翻译为中文

提问3:
1.目前的翻译通道添加修改,均无法使用,并且需要进一步加强功能体验
2.翻译统计也不够完善
3.翻译日志暂时为空
4.系统设置为空

提问4:
左侧4个菜单功能 请尽可能多的增加更多的功能,现在功能过于简陋

提问5:
增加一个预警通知,所有的业务服务,发生了什么警告,发送了什么错误,停机,内存泄露,服务器死亡,进行收集

提问6:
服务监控 服务状态
事件列表
事件时间线
文职颜色和背景色过于相近 注意tabs的文字和颜色先关

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

Logo

更多推荐