← 返回收藏夹
工具 · 设计创作

M3E Canvas:界面草图转 AI 开发提示词

lnkiai/m3e-canvas

在浏览器中用 Material 3 Expressive 组件拼装界面、连接交互流程,再把设计导出为 AI 编程工具可用的提示词。

适合用来做什么

  • 在开发前拼出手机或桌面应用的页面结构。
  • 把多屏跳转与返回流程连接起来,预览交互是否顺畅。
  • 把布局、主题和组件行为转为中文提示词,交给编程 Agent 实现。

基本用法

  1. 打开项目提供的在线画布,选择手机或桌面屏幕并拖入组件。
  2. 调整主题、文字与组件行为,把目标页面连起来后进入预览。
  3. 复制整个设计或单屏的提示词,选择 Android 或 Web 目标并交给 AI 编程工具。
凉意 / LIANGYI

在别处,继续交流。

AI 应用、内容生产与工作流实践。

文章与记录 ↗