📌 Auto Layout 是什么？ 让元素自动按规则排列，间距统一，内容变化时自动适配。 就像 CSS 里的 Flex 布局。
核心参数： 方向：水平排列 / 垂直排列 间距（Gap）：元素之间的距离 内间距（Padding）：容器内部的留白 对齐方式：左对齐 / 居中 / 右对齐 / 两端对齐
实际应用： 按钮内部文字变长时自动撑开。 列表项增减时整体自动调整高度。 卡片内容不同但间距保持一致。
📌 Variants 是什么？ 把一个组件的所有变化形式打包在一起。 在属性面板里切换，不用找半天。
常见的 Variants 维度： 类型（Type）：Primary / Secondary / Ghost 尺寸（Size）：Large / Medium / Small 状态（State）：Default / Hover / Pressed / Disabled
📌 两者结合的威力： 用 Auto Layout 让组件内部自适应。 用 Variants 管理组件的所有变体。 这样一个 Button 组件就能覆盖几十种组合。
💡 建议：先拿按钮练手，搞通了再做复杂组件。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，每天 5～10 分钟，坚持学习。
你会发现，焦虑、迷茫会被“坚实的确定性”挤走，你重新认识了自己和设计。
