响应式 - 教程分享

Figma 自动布局实战：从卡片到响应式列表的完整步骤

手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表栅格。包含常见坑位（间距塌陷、文本换行、填充规则）与检查清单。

教程分享 1小时前 0

手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件：从层级整理、间距与填充、内容自适应，到变体与响应式规则设置，最后附一份可直接照做的练习清单，照着做就能做出可扩展的组件库。

教程分享 8小时前 0

一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件：从间距规则、填充策略、约束与最小最大宽度，到组件变体与一键复用，让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。

教程分享 10小时前 0

这篇教程用一个可复用的页面框架示例，手把手教你在 Figma 里建立 8pt 间距体系、桌面平板移动三档栅格，并把栅格规则封装成可套用的 Auto Layout 布局组件，让后续做海报、落地页或后台页面时对齐一...

教程分享 22小时前 0

这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表：从结构拆分、约束设置，到不同断点的一键适配与常见坑的排查。

教程分享 23小时前 0

自动布局的核心不是省几次对齐，而是把界面结构做成可复用、可扩展、能适配变化的系统。本文从容器层级、间距规则到组件协作，讲清楚自动布局怎么用得更稳定。

设计经验 7天前 0

讲清列数、边距、沟槽的设置逻辑，并给出桌面与移动端的常见配置。

教程分享 1个星期前 0

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

教程分享 1个星期前 0

讲清列数、边距、沟槽的设置逻辑，并给出桌面与移动端的常见配置。

教程分享 1个星期前 0

Figma 越来越受到 UI 设计师的青睐，整理了一些平时常用的 Figma 免费素材网站，善用模板可以为我们极大的提高工作效率。

设计经验 2019-11-04 0