设计系统工具

在设计系统（Design System）中，工具是不可或缺的部分。以下是一些常用的设计系统工具：

• 原型设计工具：用于快速构建界面原型，例如 Figma、Sketch。
• 代码生成工具：从设计系统中自动生成代码，例如 Storybook。
• 样式指南工具：帮助团队保持一致性，例如 Styleguidist。

代码示例

以下是一个简单的按钮组件的代码示例：

<button class="button">点击我</button>

图片展示

按钮设计

原型设计

代码生成