DESIGN.md 移动版：200 个 App 设计规范

设计师最熟悉的痛是什么？把一个 App 的截图丢给 AI 让它“照着做”，出来的东西形似神不似——配色差一点、字号偏一点、间距不对、动效完全不是那个感觉。因为截图只能传达“大概长什么样”，传达不了设计系统。

🎯 awesome-ios-design-md 做的事：

把 200 个真实 App 的设计系统“逆向工程”成了结构化的 Markdown 文件。每个 DESIGN.md 包含：精确的十六进制颜色（亮色 + 暗色模式）、完整的 Dynamic Type 字体层级、按钮和输入框的所有状态规范、4/8pt 网格布局规则、阴影和模糊材质层级、动画曲线参数、触觉反馈规范。不是“大概”，是“规格”。

📦 200 个 App，每个四份“框架风味”：

框架中立版（DESIGN.md）—— 通用于 Flutter、React Native、Kotlin 等任何框架

SwiftUI 专属版 —— 含 Color/Font 扩展、ViewModifier、SF Symbols、触觉反馈

Expo / React Native 版 ——Design Token 模块、StyleSheet、expo-haptics

Jetpack Compose 版 —— Material 3 Typography、AndroidX Palette
四份文件，覆盖同一个设计系统的四种实现方式。做 iOS、安卓、跨平台都有一套对应的“设计真相”。

✨ 为什么它在设计圈值得关注：

📚 全球最全的移动端设计系统标本。 覆盖社交、金融、健身、音乐、旅行等 11 个品类——想研究 TikTok 的标签栏怎么设计的？Notion 的行高和间距怎么算的？Spotify 的暗色模式色值是多少？打开文件直接查。

🤖 喂给 AI 就是像素级 UI 生成器。 把 DESIGN.md 放到项目里，对 AI 说一句“按这个设计系统做一个播放列表页面”，出来的东西配色、字号、间距、圆角全部对得上——因为 AI 读的是规格数据，不是模糊的视觉印象。

🌍 在线画廊可预览。 不需要下载文件，访问 spectr.to/gallery 就能在浏览器里浏览全部 200 个 App 的每个页面渲染效果——设计师做竞品分析、找灵感参考时可以直接在线翻阅。

📝 自己也能生成 DESIGN.md。 用 spectr.to 工具录制一段 App 操作视频，它会自动提取出设计系统生成 DESIGN.md——你自己的项目、或者你想研究的 App，都可以这样“逆向提取”。

📦 开源 MIT，持续扩充中。 200 个 App、800 个规范文件，还在不断加入新应用。想加某个不在列表里的 App？可以提交 Issue 请求。

如果你被之前 awesome-design-md（Web 版）的实用程度惊艳过，这个 iOS 移动端版本就是它的“原生姐妹篇”——同样的格式、同样的精度、专为移动端设计。