Dev7日记：为什么我决定创建自己的设计系统？

Source: Dev.to

为什么我决定创建自己的设计系统？

这可能是今年的最后一篇文章。与其回顾项目，我想借此机会介绍一些新东西！

起点

当我向一位开发朋友展示 mockup 时，他看到 Figma 上满是组件和变体的页面后说：

“哇，看来你在做一个设计系统。”

这句话一直在我脑子里回荡。我之前在一些公司工作过，它们会创建自己的设计系统，但我从未直接参与维护这些系统的团队；我只是使用组件并遵循指南。

决定从零开始创建组件

有些选择是出于我的个人成长。我决定从零开始创建组件，尽管我知道这会让项目更耗时。我没想到会花这么久，但这段经历非常有价值。

设计系统 vs. UI 库

我研究了设计系统，发现它们与 UI 组件库的区别如下：

在我的项目中，MoldeKit 将先作为一个库启动，但随着演进，它可能会发展成完整的设计系统。

MoldeKit 的策略

1. 初始阶段 – MoldeKit 只包含支持 Mangos 项目界面所需的组件。
2. 扩展 – 当我完成在 Mangos 中使用的组件后，它们会被加入 MoldeKit。
3. 复用 – 当开启新项目时，我已经拥有自己的组件库，可加快开发速度。

当前状态与后续计划

我既兴奋又有点紧张，因为这是我第一次创建这样的东西。目标不是用于生产，而是作为一个展示我技能、促进个人成长的作品集，正如项目文档中所阐明的那样。

有用链接

• MoldeKit 仓库： https://github.com/usuario/moldekit
• 项目 Storybook： https://moldekit-storybook.netlify.app

欢迎贡献！