设计规范 - 设计经验

免费可商用设计系统与组件库资源清单｜12个 UI 规范与组件文档

整理了一份偏“可直接拿来用”的设计系统与组件库资源清单，覆盖 UI 规范、组件示例、无障碍与实现参考。每项都附官网链接与使用提示，实际商用前建议再核对对应许可与品牌使用规范。

设计经验 2小时前 0

UI 微文案与提示语资源导航｜12个写按钮、提示与空状态的参考库

整理 12 个常用的 UI 文案与微文案参考库规范与校对工具，覆盖按钮文案、错误提示、空状态、表单提示等场景。每个条目都附上链接与适用说明，便于设计与产品在写文案时快速对齐风格、减少歧义。

设计经验 1天前 0

版式设计与网格系统工具清单｜12个排版参考、网格生成与布局检查网站

整理了一份面向设计师与产品团队的版式与网格系统工具清单，覆盖排版参考、网格生成、组件布局检查与设计规范示例。每个条目都附上链接与简要说明，便于快速收藏与对照使用。

设计经验 4天前 0

设计交付与开发交接工具清单：12个标注、切图与规范同步平台（含商用提示）

整理了12个适合做设计交付与开发交接的工具与平台，覆盖标注 Inspect、切图导出、设计规范与组件文档、Design Token 同步等环节；每条都附上商用提示，方便按团队规模与预算挑选。

设计经验 6天前 0

12个设计系统与UI组件库资源清单｜规范文档组件与商用提示

整理了 12 个常见且资料完善的设计系统组件库入口，适合做规范对齐、组件选型与交互细节参考；每条都附官网文档与简要说明，具体授权以各项目协议为准。

设计经验 7天前 0

14个设计系统与UI组件资源网站清单｜规范组件库与商用提示

整理一份可直接收藏的设计系统与UI组件资源清单，涵盖常见平台规范与开源组件库，方便快速对齐交互与视觉细节。

设计经验 1个星期前 0

设计系统与组件库管理工具清单｜文档版本发布与协作

整理组件库和设计规范时，最怕的是文档散落、版本失控、交付口径不一致。这份清单按“组件展示联调预览、规范文档、设计令牌与版本发布、协作治理”四类，列出常见工具与适用场景，方便你快速搭建一条可维护的...

设计经验 1个星期前 0

设计系统落地工具导航｜组件库规范管理与多端交付

整理一组用于设计系统落地的组件库与规范管理工具，覆盖设计稿、Token、文档、预览与交付等环节，并在每条工具后标注授权提示，便于快速筛选。

设计经验 1个星期前 0

Figma 组件变体实战：30 分钟做一套可复用按钮系统

这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件：包含尺寸状态主题变体、Auto Layout 约束、组件属性命名与发布到团队库的流程，照着做即可落地。

教程分享 2个星期前 0

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

一篇可直接照做的 Figma Auto Layout 教程：从框架到组件、约束与响应式间距设置，最后整理成可复用的卡片组件与规范检查清单。

教程分享 2个星期前 0

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

这篇教程教你在 Figma 里用 Variables（变量）+ Text Styles（文本样式）搭一套可维护的配色与字号体系，并实现一键切换主题。按步骤做，10-20 分钟就能落地到组件库。

教程分享 2个星期前 0

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

手把手在 Figma 里建立“字号+行高+间距”三件套：用变量（Variables）统一数值、用文本样式间距样式规范命名，并教你如何在组件与 Auto Layout 中快速套用。按步骤做完，你的文件会更好维护，也更容易和开发对齐。

教程分享 2个星期前 0

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

从0搭一个按钮系统：用Auto Layout统一尺寸与间距，用组件属性和变体管理状态（默认悬停按下禁用），并用Tokens变量实现全局换肤。

教程分享 2个星期前 0

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

这是一份可以直接照做的 Figma 排版教程：从布局网格、8pt 间距体系、字体层级到组件化落地，带你把页面对齐与留白一次性整理成可复用的规范。

教程分享 2个星期前 0

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

从 8pt 规则开始，把网格、间距、文字与组件约束统一起来：这篇用一套可落地的参数，让你在 Figma 里快速搭出稳定的栅格与间距体系，并把它变成团队可复用的组件规范。

教程分享 2个星期前 0

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

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

教程分享 2个星期前 0

Figma 组件变体实战：做一个可复用的按钮系统（含命名与交互规则）

这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态尺寸类型变体，到命名规则、交互与团队交付检查清单。按步骤做完，你会得到一个可在项目中长期复用的按钮系统。

教程分享 2个星期前 0

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

从 0 到 1 用 8pt 网格规则建立 Figma 设计系统：定义间距、做组件变体、用自动布局组合模块，并用样式与变量保证后续扩展不崩。按步骤照做即可落地到真实项目。

教程分享 2个星期前 0

Figma 自动布局 + 组件变体：做一套可复用的卡片列表（从 0 到可交付）

从零搭建一套可复用的 Figma 卡片组件：自动布局、变体、图标文字约束与响应式拉伸规则一次讲清，按步骤做完即可直接用于交付。

教程分享 2个星期前 0

Figma 自动布局 + 组件变体：做一套可复用按钮系统（从规范到交付）

这篇教程用一个可落地的案例，带你在 Figma 里用 Auto Layout、组件变体和状态命名，搭一套可复用的按钮组件库。包含尺寸、圆角、图标、禁用加载态、交付开发的标注与导出流程。

教程分享 2个星期前 0

#设计规范

免费可商用设计系统与组件库资源清单｜12个 UI 规范与组件文档

UI 微文案与提示语资源导航｜12个写按钮、提示与空状态的参考库

版式设计与网格系统工具清单｜12个排版参考、网格生成与布局检查网站

设计交付与开发交接工具清单：12个标注、切图与规范同步平台（含商用提示）

12个设计系统与UI组件库资源清单｜规范文档组件与商用提示

14个设计系统与UI组件资源网站清单｜规范组件库与商用提示

设计系统与组件库管理工具清单｜文档版本发布与协作

设计系统落地工具导航｜组件库规范管理与多端交付

Figma 组件变体实战：30 分钟做一套可复用按钮系统

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

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

Figma 组件变体实战：做一个可复用的按钮系统（含命名与交互规则）

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

Figma 自动布局 + 组件变体：做一套可复用的卡片列表（从 0 到可交付）

Figma 自动布局 + 组件变体：做一套可复用按钮系统（从规范到交付）

大家都在看

设计笔记

#设计规范

免费可商用设计系统与组件库资源清单｜12个 UI 规范与组件文档

UI 微文案与提示语资源导航｜12个写按钮、提示与空状态的参考库

版式设计与网格系统工具清单｜12个排版参考、网格生成与布局检查网站

设计交付与开发交接工具清单：12个标注、切图与规范同步平台（含商用提示）

12个设计系统与UI组件库资源清单｜规范 文档 组件 与商用提示

14个设计系统与UI组件资源网站清单｜规范 组件库 与商用提示

设计系统与组件库管理工具清单｜文档 版本 发布 与协作

设计系统落地工具导航｜组件库 规范管理 与多端交付

Figma 组件变体实战：30 分钟做一套可复用按钮系统

Figma 自动布局：从零做一个可复用的卡片组件（含响应式间距规则）

Figma：用变量与文本样式建立可切换的配色/字号系统（从零到可维护）

Figma：10分钟搭一套可扩展的间距与字号规范（变量+样式命名一步到位）

Figma 实战：用 Auto Layout + 组件变体做一个可复用的按钮系统

Figma 网格系统实战：用 8pt 规则把页面排版一次做对

Figma 网格系统：8pt 规则与间距组件化的实操教程（可直接套用）

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

Figma 组件变体实战：做一个可复用的按钮系统（含命名与交互规则）

Figma 网格系统实战：用 8pt 规则搭建可扩展组件库

Figma 自动布局 + 组件变体：做一套可复用的卡片列表（从 0 到可交付）

Figma 自动布局 + 组件变体：做一套可复用按钮系统（从规范到交付）

大家都在看

设计笔记

12个设计系统与UI组件库资源清单｜规范文档组件与商用提示

14个设计系统与UI组件资源网站清单｜规范组件库与商用提示

设计系统与组件库管理工具清单｜文档版本发布与协作

设计系统落地工具导航｜组件库规范管理与多端交付