以下是 系统 相关内容，总共有 133 条记录。
用 Figma 的自动布局和变量，快速做出可复用的按钮组件（默认 悬停 按下 禁用），并把尺寸与颜色都参数化，后续做整套设计系统也能直接扩展。
这篇教程用一个真实的“卡片组件”例子，手把手讲清 Figma 自动布局（Auto Layout）的结构搭建、约束设置、变体组织与多尺寸适配。跟着...
这篇教程用一套可直接照做的步骤，带你在 Figma 从零搭建可交付的组件库：先定颜色 文字样式，再做按钮基础组件，最后用变体和交互状态...
这是一套可以直接照做的 Figma 海报版式教程：从画板与栅格参数开始，逐步建立标题 副标题 正文 按钮等可复用组件，并用自动布局把整...
从画板与栅格开始，手把手完成一张“活动海报”版式：先用 8px 规则建立节奏，再用字体层级与留白把信息拉开距离，最后用组件与自动布局...
这是一份可直接照做的 Figma 海报排版教程：从建立网格、设置字体层级到对齐与导出，10分钟做出更专业的版式。
这篇教程教你在 Figma 里用 Variables（变量）+ Styles（样式）把组件的圆角与描边做成可全局维护的规则：一次配置，批量生效，后续改...
用自动布局和组件变体在 Figma 里搭一套按钮组件，支持主 次 文字按钮、尺寸、禁用和加载状态，并用属性面板快速切换。
这是一篇可直接照做的 Figma Auto Layout 实战教程：从按钮到表单组件，讲清结构搭建、约束设置、可伸缩策略与常见坑的排查方法。
手把手教你在 Figma 用 Auto Layout + Variants 搭建一套可复用的按钮组件：从尺寸与状态规划、属性命名、约束设置到交付给开发的规...
这篇教程用最少步骤在 Figma 里搭一套可复用的按钮组件：支持尺寸（S M L）、状态（默认 悬停 按下 禁用）、左右图标与自适应宽度。...
这篇教程带你从零用 Figma 的 Auto Layout 搭一套可复用按钮组件：包含间距 圆角 字号规范、组件变体、状态与可维护的命名方式，照...
用最少的规则学会 Figma Auto Layout：从按钮的间距、内边距、圆角与状态，到组件变体与约束，让你能把同一种按钮快速复用在不同页面。
手把手用 Figma 的组件属性（Variant Boolean Text Instance swap）和 Variables 做一套按钮组件：默认 悬停 按下 禁用状态一键...
一篇可直接照做的 PS 海报排版流程：从画布与网格搭建、字体层级、对齐与留白，到配色与导出检查，最后把版式做成可复用模板。
从0到1用自动布局搭建按钮与卡片组件，掌握padding 间距 对齐、约束与填充、组件属性和变体命名，让同一套组件适配多尺寸与多状态，快速...
手把手教你在 Figma 里从零搭建一套可复用的按钮组件库，覆盖主 次 描边等样式与默认 悬停 按下 禁用状态，并用 Auto Layout、Var...
这篇教程教你在 Figma 里用 Variables（变量）+ Text Styles（文本样式）搭一套可维护的配色与字号体系，并实现一键切换主题。按步骤...
从 0 搭一个可复用的按钮组件：用 Auto Layout 解决内边距 间距，配合变体做尺寸与状态，最后放进组件集让整个项目都能一键复用。
用一个按钮组件覆盖常见尺寸与状态：从 Auto Layout 搭骨架，到组件属性（Variant Boolean Instance swap）管理图标与加载态，再用样...
