以下是 figma 相关内容,总共有 171 条记录。
一份可直接照做的组件库搭建流程:从命名与层级、组件约束、变量 Token、到交付清单与维护机制,帮助团队减少返工、提升一致性。
从创建基础按钮到 Variants 属性配置,手把手搭一套可复用的 Figma 按钮组件,便于团队统一规范与批量替换。
把按钮 标签做成变体时,如何命名属性、控制默认值、配合Auto Layout避免组件失控?用一套可复用的整理方法讲清楚。
用Figma Variables建立颜色与间距变量,快速切换浅色 深色或品牌主题,让组件在不同主题下自动更新。
用Auto Layout快速做出等间距卡片列表,掌握间距、填充、约束与组件化的关键设置,适合新手按步骤复现。
用按钮组件举例,教你建立 Variants 属性(状态 尺寸 图标),并用命名规则让切换更直观、更不出错。
用一个常见卡片组件示例,讲清 Auto Layout 的间距、对齐、填充、嵌套以及文本换行设置,避免越改越乱。
自动布局的核心不是省几次对齐,而是把界面结构做成可复用、可扩展、能适配变化的系统。本文从容器层级、间距规则到组件协作,讲清楚自动布局怎么用得更稳定。
用栅格与组件约束快速建立表单对齐体系,减少手调像素的时间。
用常见组件举例讲清 Fill Hug 的组合逻辑,让布局在不同文案长度下保持稳定。
讲清列数、边距、沟槽的设置逻辑,并给出桌面与移动端的常见配置。
用最短路径理解 Auto Layout 的三大参数,并给出常见 UI 场景配置示例。
从命名规则、属性拆分、交互状态三方面讲清 Figma Variants 的可维护做法。
用最常见的按钮、侧栏、卡片三种场景讲清 Figma Constraints 的逻辑,做出稳定的自适应对齐。
Figma里看着清晰,导出后却发糊,常见原因是半像素、缩放链路与导出倍率不匹配。本文给一套从快到慢的6步排查方法,并附常用导出建议。
很多返工不是设计做得不好,而是交付信息不完整:尺寸、状态、资源、命名、边界条件缺一就容易翻车。整理8个最容易漏的交付细节,照着做能省大量沟通成本。