以下是 规范 相关内容,总共有 103 条记录。
这篇教程用一套可直接照做的步骤,带你在 Figma 从零搭建可交付的组件库:先定颜色 文字样式,再做按钮基础组件,最后用变体和交互状态把组件做成“能直接给开发用”的规范库。
这篇教程用一套可复用的海报网格系统做例子,带你在 Figma 里快速建立栅格、文本样式、间距规范与组件,并给出导出与交付的检查清单。照着做一次,下次做海报 活动页会快很多。
从0到1用自动布局搭建按钮与卡片组件,掌握padding 间距 对齐、约束与填充、组件属性和变体命名,让同一套组件适配多尺寸与多状态,快速落地小型设计系统。
这篇教程教你在 Figma 里用 Variables(变量)+ Text Styles(文本样式)搭一套可维护的配色与字号体系,并实现一键切换主题。按步骤做,10-20 分钟就能落地到组件库。
手把手教你把常用按钮 表单这类组件做成 Figma 变体:先定命名规则和属性,再补齐 Auto Layout 和约束,最后用交互变体做出可演示的状态切换。按本文流程做完,你的组件库会更统一、替换更快、交付更稳。
手把手在 Figma 里建立“字号+行高+间距”三件套:用变量(Variables)统一数值、用文本样式 间距样式规范命名,并教你如何在组件与 Auto Layout 中快速套用。按步骤做完,你的文件会更好维护,也更容易和开发对齐。
从0搭一个按钮系统:用Auto Layout统一尺寸与间距,用组件属性和变体管理状态(默认 悬停 按下 禁用),并用Tokens变量实现全局换肤。
这是一份可以直接照做的 Figma 排版教程:从布局网格、8pt 间距体系、字体层级到组件化落地,带你把页面对齐与留白一次性整理成可复用的规范。
从 8pt 规则开始,把网格、间距、文字与组件约束统一起来:这篇用一套可落地的参数,让你在 Figma 里快速搭出稳定的栅格与间距体系,并把它变成团队可复用的组件规范。
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件,并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位(间距塌陷、文本换行、填充规则)与检查清单。
这篇教程用“Auto Layout + 组件变量 + 样式”三件套,在 Figma 里搭一套卡片组件:从排版结构、间距约束,到响应式尺寸和交付给开发的标注清单,照着做即可直接用于项目。
这是一篇可以直接照做的 Figma 按钮组件搭建教程:从 Auto Layout 结构、状态 尺寸 类型变体,到命名规则、交互与团队交付检查清单。按步骤做完,你会得到一个可在项目中长期复用的按钮系统。
从 0 到 1 用 8pt 网格规则建立 Figma 设计系统:定义间距、做组件变体、用自动布局组合模块,并用样式与变量保证后续扩展不崩。按步骤照做即可落地到真实项目。
从零搭建一套可复用的 Figma 卡片组件:自动布局、变体、图标 文字约束与响应式拉伸规则一次讲清,按步骤做完即可直接用于交付。
这篇教程用一个可落地的案例,带你在 Figma 里用 Auto Layout、组件 变体和状态命名,搭一套可复用的按钮组件库。包含尺寸、圆角、图标、禁用 加载态、交付开发的标注与导出流程。
从零搭建一套可复用的 Figma 排版系统:字体层级、行高与网格规则、Text Styles 命名、组件联动与落地检查。照着做 30 分钟即可把排版规范固化到文件里,后续做页面不再靠手感。
手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体,快速搭一套可复用的按钮组件,并给出一套能长期维护的命名 分层规则。
这篇教程用一个“按钮组件”为例,手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完,你会得到一个能在项目里直接复用、可快速换主题与尺寸的按钮系统。
想做一套好维护的设计规范,关键不在“好看”,而在可复用、可扩展、可对齐。本文用一套从零到一的方法,把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清,并给出可直接落地的模板与检查清单。
从按钮组件开始,用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑(拉伸 约束 文本换行)和复用建议。