🔥 社区顶流：出自 GitHub 8.2 万星的 open-design。本条讲的是它专做移动端的那一组子技能（网页与整体设计台见「open-design 开源设计台」那条）。开源免费。
一、这是什么
做手机 App 界面从草图 → 高保真 → 样机图的一整条链路。移动端设计工具在 AI 生态里普遍稀缺，这一组是目前覆盖最全的。
二、第一步：手绘线框，先把想法摆出来
格纸背景、马克笔和铅笔的笔触、便利贴批注、涂鸦式的图表占位、斜线填充——像设计师在白板上画草稿，刻意不做精致，就是为了在还没定方案时快速摆结构。而且直接说中文「手绘原型」「草稿」就能触发，同一屏还能一次出多个变体挂在标签页里对比。
三、第二步：高保真界面，装进真手机框里看
生成的界面直接渲染在一个像素级精确的 iPhone 15 Pro 边框里——不是一张平铺的图，而是真实尺寸下的效果。说「做个 App 界面」「iOS 界面」「安卓界面」「手机屏幕」都能触发，内置多种常见页面版式直接套。
四、按苹果官方规范来
•
苹果人机界面指南（HIG）被拆成 14 个细分技能：平台规范、设计基础、组件、交互模式、输入方式、技术能力，覆盖 iOS / macOS / visionOS / watchOS / tvOS 全系
•
SwiftUI 原生界面设计：带反 AI 塑料感规则、设计方向顾问、品牌素材规范、五维度评审
•
Flutter 动效：转场、动画、运动设计，iOS 安卓通用
五、最后一步：出样机图
把做好的真实页面内容嵌进 iPhone + MacBook 的 3D 立体展架里，带玻璃镜头折射和 360° 转盘构图——发朋友圈、做产品官网首图、写方案配图直接可用，不用再去找样机模板。
六、适合谁
•
要做 App / 小程序界面，但没有设计师的人
•
想先出草图跟人对齐需求，定了再做精细稿的人
•
要给产品拍一张像样的样机图去做宣传的人
⚠️ 一句实话：产出的是网页技术做的界面稿和原型（可以当高保真设计稿、演示、样机用），不是能上架 App Store 的原生应用。另外它随 open-design 桌面应用分发，模型要自备 API Key。