以下是 响应式 相关内容,总共有 28 条记录。
整理一份排版与网格相关的实用工具清单,覆盖栅格与基线网格生成、字体比例与排版尺度、行距与段落节奏校验、字体配对与可读性检查、以及响应式排版的计算与导出。开稿前先把规则定下来,后面改版会省很多时间。
一篇可直接照做的 Figma 提效教程:用 Auto Layout、组件与变量(Variants Variables)把按钮、表单、卡片做成可复用的响应式组件,并整理成团队可复制的工作流。
用一套 Auto Layout 规则把「卡片组件」做成可拉伸、可换内容、可切三档尺寸的响应式组件。包含:布局结构拆解、约束与填充策略、变体命名、常见踩坑排查。照着步骤做,10分钟就能把卡片放进组件库复用。
用 Auto Layout + 组件属性快速做出可伸缩的卡片组件:支持内容自适应、左右布局切换、按钮随文字增长,并整理常见踩坑与排查方法。
这篇教程带你从零搭一套“响应式卡片组件”,核心用 Figma 自动布局(Auto Layout)+ 变体(Variants)实现:内容长短可伸缩、不同状态可切换、落地到真实页面也不变形。按步骤照做即可复现。
这篇教程带你在 Figma 里从 0 搭一套按钮组件:用 Auto Layout 自动撑开、用 Variants 管理默认 悬停 按下 禁用状态,并加上交互原型,最后整理为可交付的组件库。
一篇可直接照做的 Figma Auto Layout 教程:从框架到组件、约束与响应式间距设置,最后整理成可复用的卡片组件与规范检查清单。
这篇教程用一个真实的“卡片组件”例子,手把手讲清 Figma 自动布局(Auto Layout)的结构搭建、约束设置、变体组织与多尺寸适配。跟着做完,你会得到一个可复用、可扩展、改文案不跑版的组件。
从零搭一套可复用的卡片组件:用 Auto Layout 做结构,配合约束与变体,让卡片在不同宽度下自动排版不崩。
手把手教你用 Figma 的 Auto Layout 和组件变体做一张可复用的卡片组件:包含标题 描述 按钮,支持一键换尺寸、换间距、换圆角,并能在不同屏幕宽度下自动拉伸对齐。
这篇教程用“卡片组件”做例子,带你把 Auto Layout、变量(颜色 间距 圆角)、组件属性和响应式约束串成一条可落地的工作流:从结构拆解到可交付规范,照着做就能在团队里复用。
从零开始用 Figma 的自动布局和变量做一套可响应的卡片组件:设定尺寸规则、创建变体、做可换主题的颜色与间距,最后一键复用到不同页面。
一篇可直接照做的 Figma Auto Layout 教程:从按钮基础结构开始,加入约束、内边距、间距、图标、变体与组件属性,最后做出能在不同文案长度与尺寸下自适应的可复用按钮组件。
手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件:从基础结构、约束与间距,到可复用变体与响应式拉伸,做完就能直接套用到项目里。
用一篇从零到交付的实战流程,带你在 Figma 里用 Auto Layout 做出可响应、可复用、可批量换数据的卡片组件,并沉淀为设计系统里的组件规范。
这是一篇可以直接照做的 Figma 教程:用 8pt 网格 + Auto Layout,从零搭出一套可复用的响应式卡片组件,并把约束、变体、排版、导出与开发交付一并做对。
这是一套可以直接照做的 Figma 按钮组件搭建流程:用 Auto Layout 做尺寸自适应,配合 Variants 管理默认 悬停 禁用等状态,并用组件属性实现图标 文字开关与对齐。按步骤完成后,你会得到可复用、可维...
这篇教程带你从零做一个可伸缩的卡片组件:用 Auto Layout+约束实现不同宽度自适应,并用 Variants 做可复用状态(默认 悬停 选中),最后沉淀成组件规范。
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件,并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位(间距塌陷、文本换行、填充规则)与检查清单。
手把手教你在 Figma 里用 Auto Layout 快速搭建可复用的卡片组件:从层级整理、间距与填充、内容自适应,到变体与响应式规则设置,最后附一份可直接照做的练习清单,照着做就能做出可扩展的组件库。