Design - 设计经验 - 素材集市

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

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

设计经验 7天前 0

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

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

设计经验 1个星期前 0

设计系统与组件库管理工具清单｜文档组件同步版本治理

想把设计规范、组件库和文档长期维护好，关键在于：版本可追踪、变更可通知、评审可落地、落地到代码更顺畅。下面整理一组常用的设计系统组件库管理工具，覆盖文档站点、组件展示、同步与治理等场景。

设计经验 1个星期前 0

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

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

设计经验 1个星期前 0

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

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

设计经验 2个星期前 0

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

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

教程分享 2个星期前 0

Figma 实战：用变量 + 组件做可切换浅深色按钮系统（从零到可复用）

从 0 搭建一套可复用的 Figma 按钮组件，并用 Variables 做浅色深色主题切换：变量命名、组件结构、交互状态、色彩 token、批量替换与发布库的完整流程。

教程分享 2个星期前 0

Canva 2026设计趋势：为何“稚拙设计”正在统治全网？

步入2026年，如果你每天都在被各类社交媒体和商业广告轰炸，你可能会发现一个奇特的现象：那些看起来“不太完美”、甚至有点像草稿的设计，反而越来越吸引人的眼球。

值得一看 2个星期前 0

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

分享 Uizard Autodesigner 这款 UI 生成工具的实用用法：如何把需求文字或草图快速变成可编辑的界面原型，并用组件与风格约束做一致性迭代，适合产品经理与设计师提效。

设计经验 3个星期前 0

全新Material Design 官方动效指南完整版

在Material design的世界中，动效用一种优雅、流动的方式来描述空间关系、功能、和意向。全文包括三个部分：为什么说动效很重要？如何制作优秀的Material Design动效及转场动画，动效的意义。

设计经验 2016-08-03 0

Material Design 谷歌规范精华版

Material designs官方设计文档太长？没关系，本文去糙取精，整理出这篇Material designs精华版，别错过呦！

设计经验 2016-06-02 0

Adobe XD CC，交互新利器体验评测

Adobe XD作为一款新的交互软件，在它的身上我们能够看到不少新兴工具的身影。同时也能看出 Adobe 公司突破其已有软件束缚，所做的一些新尝试。虽然软件本身还有着许多不足之处，但对于产品设计师来讲，它的一...

值得一看 2016-03-21 0

Adobe设计软件快捷键，键盘示意图

Adobe设计软件快捷键的键盘示意图，只有工具的快捷键哦，初学者可以学习下。

设计经验 2014-04-17 0

#Design

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

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

设计系统与组件库管理工具清单｜文档组件同步版本治理

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

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

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

Figma 实战：用变量 + 组件做可切换浅深色按钮系统（从零到可复用）

Canva 2026设计趋势：为何“稚拙设计”正在统治全网？

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

全新Material Design 官方动效指南完整版

Material Design 谷歌规范精华版

Adobe XD CC，交互新利器体验评测

Adobe设计软件快捷键，键盘示意图

大家都在看

设计笔记

#Design

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

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

设计系统与组件库管理工具清单｜文档 组件同步 版本治理

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

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

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

Figma 实战：用变量 + 组件做可切换浅深色按钮系统（从零到可复用）

Canva 2026设计趋势：为何“稚拙设计”正在统治全网？

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

全新Material Design 官方动效指南完整版

Material Design 谷歌规范精华版

Adobe XD CC，交互新利器体验评测

Adobe设计软件快捷键，键盘示意图

大家都在看

设计笔记

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

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

设计系统与组件库管理工具清单｜文档组件同步版本治理

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

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