以下是 布局 相关内容,总共有 26 条记录。
用一个“按钮组件”把自动布局、变体、变量三件事串起来:从命名、结构到交互状态,最后得到可扩展、可维护、能直接落到设计系统里的按钮规范与组件做法。
从创建基础按钮到 Variants 属性配置,手把手搭一套可复用的 Figma 按钮组件,便于团队统一规范与批量替换。
用一个常见卡片组件示例,讲清 Auto Layout 的间距、对齐、填充、嵌套以及文本换行设置,避免越改越乱。
自动布局的核心不是省几次对齐,而是把界面结构做成可复用、可扩展、能适配变化的系统。本文从容器层级、间距规则到组件协作,讲清楚自动布局怎么用得更稳定。
用常见组件举例讲清 Fill Hug 的组合逻辑,让布局在不同文案长度下保持稳定。
用最常见的按钮、侧栏、卡片三种场景讲清 Figma Constraints 的逻辑,做出稳定的自适应对齐。