https://plumephp.com/tags/themedata/Recent content in ThemeData on PlumePHPHugozh-CNTue, 29 Sep 2026 15:00:00 +0800https://plumephp.com/flutter-design-tokens-adaptive/Tue, 29 Sep 2026 15:00:00 +0800https://plumephp.com/flutter-design-tokens-adaptive/<h2 id="开篇让设计系统在代码里活起来">开篇：让设计系统在代码里「活起来」</h2> <p>设计师交付的不只是「几个颜色值」，而是一套<strong>设计系统</strong>。这套系统在代码里的落地方式，决定了大厂 UI 与散装 UI 的差距：</p> <ul> <li>颜色不写死 <code>#FF0000</code>，而是用 <code>Theme.of(context).colorScheme.primary</code>。</li> <li>间距不靠拍脑袋 <code>EdgeInsets.all(13)</code>，而是用 token 网格 <code>Spacing.lg</code>。</li> <li>深色模式不是「反色」，而是语义 token 的「同一套语义、另一组值」。</li> </ul> <p>**Design Tokens（设计令牌）**就是连接设计语言与代码的桥梁。本文讲透：Token 怎么分类、怎么映射到 Flutter 的 ThemeData、怎么让主题自适应系统与平台——一套可扩展的主题工程。</p>