token - 设计经验 - 素材集市

设计系统与组件库管理工具清单｜Token、组件文档与发布流水线

整理一套「设计系统与组件库管理」常用工具清单：覆盖设计 Token 管理、组件文档预览、可视化评审与发布流水线，便于团队把组件从设计到交付的流程标准化。

设计经验 2小时前 0

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

整理一份覆盖 Token 管理、组件文档、可视化回归与发布流程的设计系统工具清单，适合设计与前端协作团队快速搭建规范、沉淀组件库并稳定迭代。

设计经验 1天前 0

设计系统文档与组件管理工具清单｜组件库、Token与协作

整理一组适合搭建与维护设计系统的工具清单，覆盖组件库文档、设计 Token、版本发布与协作评审等环节，便于团队把规范、组件与代码同步到同一套工作流里。

设计经验 1天前 0

设计系统与组件库资源导航｜组件示例 Token 文档与协作规范

这篇整理了“设计系统组件库”从搭建、文档到 Token 管理与发布的一组常用工具与资源入口，方便你在 Figma 代码侧快速对齐规范、统一组件实现，并把变更稳定地同步给团队。

设计经验 2个星期前 0

设计交付与开发标注工具清单｜切图标注 Token 与版本对接

从设计到开发的交付链路，最容易卡在“标注不一致、切图找不到、Token 对不上、版本谁说了算”。这份清单整理了常用的设计交付开发标注设计系统对接工具：从 Inspect 规格、资源导出，到 Token 同步与版...

设计经验 2个星期前 0

设计系统与组件文档工具清单｜Design Tokens 组件库文档与协作

整理一份适合搭建设计系统（Design System）的工具导航清单：从组件文档、交互示例、Design Tokens 管理，到发布与协作，让团队更快统一规范、减少重复沟通。摘要纯文本，无标签。

设计经验 2个星期前 0

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

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

设计经验 2个星期前 0

设计系统与组件库资源清单｜UI Kit 设计Token 文档生成版本管理

整理一份设计系统与组件库资源清单，覆盖 UI Kit、Design Token、文档生成与版本管理，方便快速搭建可维护的产品视觉规范与组件体系。

设计经验 2个星期前 0

设计交付与标注工具清单｜切图标注设计 Token 一键交付

做完设计只是开始，真正的效率来自“交付可用、标注清晰、规范一致”。这份清单整理了常见的设计交付、标注检查与设计 Token 管理工具，适合在设计与开发之间建立更稳定的协作流程。

设计经验 2个星期前 0

Figma 教程：用 Variables 做主题色与间距 Token，一键切换浅色/深色（可直接照做）

一篇可直接照做的 Figma Variables 实战教程：从建立颜色间距变量开始，把变量绑定到样式与组件，最后用模式（Mode）实现浅色深色一键切换，并整理常见坑与排错方法。

教程分享 2个星期前 0

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

这是一套可直接照做的 Figma 主题换肤流程：用 Variants 承载状态，用 Variables Token 管理颜色与间距，5 分钟把组件库改成可一键切换浅色深色并可扩展多品牌。

教程分享 2个星期前 0

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

手把手教你在 Figma 用 Variables 建立“设计 Token + 主题色”体系：从创建变量集合、绑定颜色样式、在组件中引用，到一键切换浅色深色主题，按步骤操作即可复现。

教程分享 3个星期前 0

字体系统怎么定才不乱：从层级到Token的一次性搭建

字体系统的混乱会让页面显得杂、信息层级不清。本文用层级定义、行高与间距匹配、Token 命名与落地方式，讲清如何一次性把字体体系搭稳并长期维护。

设计经验 4个星期前 0

组件库越做越乱多半是命名问题：一套可执行的规则

组件库变乱往往不是组件太多，而是命名缺少规则，导致检索困难、误用频繁。本文从语义分层、属性命名、变体组织到代码映射，给出一套可执行的命名方法。

设计经验 4个星期前 0

#token

设计系统与组件库管理工具清单｜Token、组件文档与发布流水线

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

设计系统文档与组件管理工具清单｜组件库、Token与协作

设计系统与组件库资源导航｜组件示例 Token 文档与协作规范

设计交付与开发标注工具清单｜切图标注 Token 与版本对接

设计系统与组件文档工具清单｜Design Tokens 组件库文档与协作

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

设计系统与组件库资源清单｜UI Kit 设计Token 文档生成版本管理

设计交付与标注工具清单｜切图标注设计 Token 一键交付

Figma 教程：用 Variables 做主题色与间距 Token，一键切换浅色/深色（可直接照做）

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

字体系统怎么定才不乱：从层级到Token的一次性搭建

组件库越做越乱多半是命名问题：一套可执行的规则

大家都在看

设计笔记

#token

设计系统与组件库管理工具清单｜Token、组件文档与发布流水线

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

设计系统文档与组件管理工具清单｜组件库、Token与协作

设计系统与组件库资源导航｜组件示例 Token 文档 与协作规范

设计交付与开发标注工具清单｜切图 标注 Token 与版本对接

设计系统与组件文档工具清单｜Design Tokens 组件库 文档 与协作

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

设计系统与组件库资源清单｜UI Kit 设计Token 文档生成 版本管理

设计交付与标注工具清单｜切图 标注 设计 Token 一键交付

Figma 教程：用 Variables 做主题色与间距 Token，一键切换浅色/深色（可直接照做）

Figma 组件一键换肤：用 Variants + Token 变量做浅色/深色主题（可直接套用）

Figma 变量与主题色：用 Variables 做一套可切换的设计系统（可直接照做）

字体系统怎么定才不乱：从层级到Token的一次性搭建

组件库越做越乱多半是命名问题：一套可执行的规则

大家都在看

设计笔记

设计系统与组件库资源导航｜组件示例 Token 文档与协作规范

设计交付与开发标注工具清单｜切图标注 Token 与版本对接

设计系统与组件文档工具清单｜Design Tokens 组件库文档与协作

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

设计系统与组件库资源清单｜UI Kit 设计Token 文档生成版本管理

设计交付与标注工具清单｜切图标注设计 Token 一键交付