m3e-canvas是一个在浏览器里画Material 3风格界面的工具，画完点一下，整个设计就变成一段自然语言提示词，复制给Claude Code、Cursor这类AI编程工具，它就能照着生成Android应用。今天它在涨星榜上，4255颗星。
现在做AI生成界面，你得先写一大段描述：什么按钮、什么颜色、放哪、跳转到哪页。写不清楚，AI就给你自由发挥，出来的东西跟你想的差很远。改提示词比改代码还痛苦，来回试好几轮，时间全耗在描述一个你脑子里已经有的画面上。
它让你直接拖拽画界面。按钮、输入框、列表、弹窗这些组件都在面板里，拖到画布上就行。比如你想做一个食谱App，拖一个顶栏写上标题，拖几个卡片放菜名，把两个按钮靠近一点，它们会自动吸附成一组。画完点预览，能像真机一样点按钮跳页面。最后点一下生成提示词，整段描述就出来了，粘贴给AI编程工具，它就知道要做什么。
它有个对齐功能值得单独说。手动拖组件，最烦的就是对齐——间距差几个像素，肉眼看不出来，生成出来的界面就是歪的。它有一个整理按钮，点一下，顶栏自动贴到屏幕边缘，悬浮按钮归位到角落，相邻的列表项和按钮自动合并成组，其余组件按16dp间距排好。再点一下可以撤销。这一步省掉的是你手动微调每个组件位置的时间，而且它整理出来的间距是Material 3标准，比你凭感觉拖的准。
它把设计稿转成提示词这个思路，省掉的是“翻译”这一步。你不用学怎么写AI能听懂的描述，画出来就是描述本身。适合不会写提示词但脑子里有明确界面想法的开发者，也适合想快速出原型验证想法的人。动手前记得备份你的代码和配置，毕竟生成结果还要自己过一遍。如果你感兴趣但不会装，评论区或私信喊我一声。