约束 - 教程分享 - 素材集市

Figma 玻璃拟态卡片教程：从布局到导出的一套可复用流程

这是一篇可以照做的 Figma 教程：用渐变与模糊做出玻璃拟态卡片，并通过组件、约束与自动布局把它做成可复用模块，最后整理样式与导出规范，方便在真实项目中落地。

教程分享 11小时前 0

手把手教你在Figma里用Auto Layout做一套可复用的按钮组件：从基础尺寸与内边距开始，加入图标与文本间距规则，再用Variants做默认悬停禁用状态，并设置约束让按钮在不同容器里自适应。

教程分享 14小时前 0

这篇教程用一个可复用的按钮组件为例，讲清楚 Figma 自动布局里最容易踩坑的 6 个约束：填充固定、内容撑开、间距、对齐、最小最大尺寸以及响应式拉伸。照着做就能把组件做得更稳、更易改。

教程分享 19小时前 0

这篇教程用一个“可复用海报网格”为例，手把手讲清 Figma 里 Auto Layout、约束、布局网格、组件与变量的组合用法。照着做完，你会得到一套可快速换图换文、自动对齐、可一键生成多尺寸的海报模板。

教程分享 22小时前 0

这篇教程用“按钮组件”作为例子，手把手讲清 Figma 自动布局与组件变体：从画基础按钮到做 Hover Pressed Disabled 状态，最后通过约束与填充规则让组件在不同文案长度下依然稳定。照着做即可直接用于设计系统。

教程分享 1天前 0

用一个常见卡片组件示例，讲清 Auto Layout 的间距、对齐、填充、嵌套以及文本换行设置，避免越改越乱。

教程分享 7天前 0

用最常见的按钮、侧栏、卡片三种场景讲清 Figma Constraints 的逻辑，做出稳定的自适应对齐。

教程分享 1个星期前 0

Figma 组件拉伸后变形、按钮跑位、文字溢出，常见原因是约束没设对、Auto Layout层级混乱或文本自适应规则不一致。按这7步排查，组件会稳定很多。

教程分享 1个星期前 0